4 Commits

4 changed files with 31 additions and 5 deletions

View File

@@ -39,3 +39,18 @@ body.td-drag-scroll #board-container .task-board {
.task-board-sort-handle i { .task-board-sort-handle i {
font-size: var(--td-handle-size, 20px); 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);
}

View File

@@ -50,7 +50,7 @@ class Plugin extends Base
public function getPluginVersion() public function getPluginVersion()
{ {
return '1.2.2'; return '1.2.5';
} }
public function getPluginHomepage() public function getPluginHomepage()

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 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 handle from the `--td-handle-size` CSS variable. It is inert on desktop, where Kanboard
keeps the handle hidden. 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 - **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 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: Punch) and, while a card drag is active, scrolls toward whichever edge the pointer nears:
@@ -63,14 +69,15 @@ These settings are global (per Kanboard instance) and admin-only. Go to
- **Widen the gap between columns** -- toggles the wider gap. Default: on. - **Widen the gap between columns** -- toggles the wider gap. Default: on.
- **Drag the board background to scroll horizontally** -- toggles the Trello-style - **Drag the board background to scroll horizontally** -- toggles the Trello-style
click-and-drag panning. Desktop (mouse) for now. Default: on. click-and-drag panning. Desktop (mouse) for now. Default: on.
- **Mobile drag handle size in pixels** -- size of the mobile card drag handle - **Mobile drag handle size in pixels** -- size of the mobile card drag handle AND the subtask
(`--td-handle-size`). No effect on desktop. Default: 20. 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 ## License
AGPL-3.0. See LICENSE. AGPL-3.0. See LICENSE.
## More Kanboard plugins by Ruben (drbeco) ## More Kanboard plugins by Dr. Beco
All free and AGPL-3.0, at [code.beco.cc](https://code.beco.cc/beco): All free and AGPL-3.0, at [code.beco.cc](https://code.beco.cc/beco):
@@ -78,6 +85,10 @@ All free and AGPL-3.0, at [code.beco.cc](https://code.beco.cc/beco):
monthly, weekly, daily), driven by the card due date. monthly, weekly, daily), driven by the card due date.
- **[FinanceBuddy](https://code.beco.cc/beco/FinanceBuddy)** -- attach a money value (debit/credit - **[FinanceBuddy](https://code.beco.cc/beco/FinanceBuddy)** -- attach a money value (debit/credit
and installments) to cards, shown on the card and totalled per column. and installments) to cards, shown on the card and totalled per column.
- **[QualKard](https://code.beco.cc/beco/QualKard)** -- flashcard spaced repetition: grade a card by
dragging it to a column, and it comes back when due (needs RecoReco).
- **[WorkspaceOrg](https://code.beco.cc/beco/WorkspaceOrg)** -- group your projects into personal
per-user workspaces, shown on a "My workspaces" dashboard page with a badge on each project.
- **[OrganonTweaks](https://code.beco.cc/beco/OrganonTweaks)** -- an umbrella of small - **[OrganonTweaks](https://code.beco.cc/beco/OrganonTweaks)** -- an umbrella of small
quality-of-life board tweaks: remove an empty column, always show the comment icon, emphasize due quality-of-life board tweaks: remove an empty column, always show the comment icon, emphasize due
dates, extra search keywords and shared board filters, and more. dates, extra search keywords and shared board filters, and more.

View File

@@ -1 +1 @@
TweakDrag v1.2.2 TweakDrag v1.2.5