icon size for gear and drag for subtasks

This commit is contained in:
2026-08-04 10:44:22 -03:00
parent 7005720efd
commit cdec9d1b3b
3 changed files with 25 additions and 3 deletions

View File

@@ -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