drag for mobile - handle sizeable
This commit is contained in:
13
README.md
13
README.md
@@ -1,12 +1,14 @@
|
||||
# TweakDrag -- board drag, touch and column-gap tweaks
|
||||
|
||||
A Kanboard plugin that groups board dragging and spacing tweaks. This first version
|
||||
provides two options, both configurable under "Settings -> Tweak Drag":
|
||||
A Kanboard plugin that groups board dragging and spacing tweaks, configurable under
|
||||
"Settings -> Tweak Drag":
|
||||
|
||||
- **Drag the board background to scroll** (desktop) -- click and drag on the empty board
|
||||
background to scroll the columns sideways, like the Trello board canvas.
|
||||
- **Widen the gap between columns** -- spread the columns further apart, easier to tell
|
||||
apart and to touch.
|
||||
- **Mobile drag handle size** -- enlarge the card drag handle Kanboard shows on mobile so
|
||||
it is easy to grab with a finger.
|
||||
|
||||
These options were originally part of the ShrinkVertically plugin and moved here so that
|
||||
drag/touch behaviour can grow on its own (planned: mobile drag-to-move cards, and a drag
|
||||
@@ -23,6 +25,11 @@ movement threshold so ending a drag does not open the task) without bloating tha
|
||||
by the `--td-column-gap` CSS variable. This spreads the columns without shrinking the
|
||||
cards and keeps each column header aligned with its list. It also adds some spacing at
|
||||
the left and right edges of the board.
|
||||
- **Mobile drag handle size**: Kanboard already supports dragging cards on mobile, but only
|
||||
via a small handle (a FontAwesome `fa-arrows-alt` glyph it reveals on touch devices) that
|
||||
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.
|
||||
|
||||
## Requirements
|
||||
|
||||
@@ -43,6 +50,8 @@ 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.
|
||||
|
||||
## License
|
||||
|
||||
|
||||
Reference in New Issue
Block a user