diff --git a/Asset/css/tweak-drag.css b/Asset/css/tweak-drag.css index cd6708d..fbcbfb3 100644 --- a/Asset/css/tweak-drag.css +++ b/Asset/css/tweak-drag.css @@ -39,3 +39,18 @@ body.td-drag-scroll #board-container .task-board { .task-board-sort-handle i { font-size: var(--td-handle-size, 20px); } + +/* + * Enlarge the subtask-row first-cell icons to the same touch-friendly size as the board + * handle above, reusing --td-handle-size (falls back to 20px if Tweak Drag is disabled). + * Unlike the board handle (mobile-only, display:none on desktop), these icons show on every + * device, so this applies everywhere: the drag arrows (.draggable-row-handle), the gear/caret + * menu (.subtask-submenu i) and the status-toggle checkbox (.js-subtask-toggle-status i). + * Enlarging all three together keeps the row vertically aligned. Scoped to .subtasks-table so + * the Columns/Swimlanes config tables (which share these classes) are left untouched. + */ +.subtasks-table .draggable-row-handle, +.subtasks-table .subtask-submenu i, +.subtasks-table .js-subtask-toggle-status i { + font-size: var(--td-handle-size, 20px); +} diff --git a/Plugin.php b/Plugin.php index e44d5a0..ba6c762 100644 --- a/Plugin.php +++ b/Plugin.php @@ -50,7 +50,7 @@ class Plugin extends Base public function getPluginVersion() { - return '1.2.4'; + return '1.2.5'; } public function getPluginHomepage() diff --git a/README.md b/README.md index 4dc567a..6f8bd5c 100644 --- a/README.md +++ b/README.md @@ -34,6 +34,12 @@ movement threshold so ending a drag does not open the task) without bloating tha is hard to grab. FontAwesome icons are sized by `font-size`, so a single rule scales the handle from the `--td-handle-size` CSS variable. It is inert on desktop, where Kanboard keeps the handle hidden. +- **Subtask row icon size**: the same `--td-handle-size` variable also enlarges the subtask + row's first-cell icons on the task view -- the drag arrows (`.draggable-row-handle`), the + gear/caret menu (`.subtask-submenu`) and the status-toggle checkbox -- so they are usable + touch targets. Unlike the board handle, these icons are visible on every device, so this + applies on desktop too. Scoped to `.subtasks-table` (the Columns/Swimlanes config tables, + which share the same classes, are left untouched). - **Drag auto-scroll**: a script (`Asset/js/drag-autoscroll.js`) listens for jQuery UI sortable's `sortstart`/`sortstop` (which also fire on touch via Kanboard's bundled Touch Punch) and, while a card drag is active, scrolls toward whichever edge the pointer nears: @@ -63,8 +69,9 @@ These settings are global (per Kanboard instance) and admin-only. Go to - **Widen the gap between columns** -- toggles the wider gap. Default: on. - **Drag the board background to scroll horizontally** -- toggles the Trello-style click-and-drag panning. Desktop (mouse) for now. Default: on. -- **Mobile drag handle size in pixels** -- size of the mobile card drag handle - (`--td-handle-size`). No effect on desktop. Default: 20. +- **Mobile drag handle size in pixels** -- size of the mobile card drag handle AND the subtask + row's first-cell icons (`--td-handle-size`). The card handle is mobile-only; the subtask icons + show on every device (desktop too). Default: 20. ## License