beco/TweakDrag
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

icon size for gear and drag for subtasks

Browse Source
This commit is contained in:
Ruben Carlo Benante
2026-08-04 10:44:22 -03:00
parent 7005720efd
commit cdec9d1b3b
3 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
Asset/css/tweak-drag.css
View File

@@ -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);
}