plugin focused on the vertical size and horizontal bars v1.3

This commit is contained in:
2026-07-01 09:45:30 -03:00
parent 51eba0ad5e
commit 9b78882835
5 changed files with 9 additions and 131 deletions

View File

@@ -1,11 +1,13 @@
# ShrinkVertically -- keep the board horizontal scrollbar visible
A small Kanboard plugin focused on getting around the board horizontally. It fixes the
vertically-collapsed board view so the bottom scrollbar stays on screen, can optionally
add a second mirrored scrollbar above the columns, and can optionally let you drag the
board background to scroll (like Trello). Everything is configurable under
A small Kanboard plugin focused on the vertically-collapsed board view. It fixes the
collapse so the bottom horizontal scrollbar stays on screen, and can optionally add a
second mirrored scrollbar above the columns. Configurable under
"Settings -> Shrink Vertically".
Board drag/touch and column-gap options that used to live here have moved to the separate
`TweakDrag` plugin.
## The problem
Kanboard's board gear menu has an "expand vertically / collapse vertically" toggle. When
@@ -72,16 +74,6 @@ a second, mirrored scrollbar just above the columns. A small script
strip above `#board-container` and keeps its scroll position in sync with the board both
ways.
## Drag to scroll on Desktop (optional)
Kanboard has no way to pan the board by grabbing it; you must use the scrollbar. Enable
"Drag the board background to scroll" to click and drag on the empty board background to
scroll the columns sideways, like the Trello board canvas. A small script
(`Asset/js/drag-scroll.js`, loaded only when the option is on) starts a horizontal pan on
`#board-container` only when the press lands on empty background -- pressing a task card,
a drag handle or any control is ignored, so Kanboard's own card and column drag-and-drop
keep working unchanged.
## Settings
These settings are global (per Kanboard instance) and admin-only. Go to
@@ -91,16 +83,10 @@ These settings are global (per Kanboard instance) and admin-only. Go to
in the page head as the `--sv-shrink-offset` CSS variable. Increase it if the scrollbar
is still clipped (for example with a taller theme header); decrease it to make the
collapsed columns taller. Default: 240.
- **Scrollbar thickness and column gap in pixels** -- a single value that sets both the
thickness of the top scrollbar (Chromium/WebKit only) and the width of the column gap.
Injected as the `--sv-bar-size` CSS variable. Default: 25.
- **Scrollbar thickness in pixels** -- thickness of the top scrollbar (Chromium/WebKit
only). Injected as the `--sv-bar-size` CSS variable. Default: 25.
- **Add a top horizontal scrollbar to the board** -- toggles the mirrored top scrollbar
described above. Default: on.
- **Widen the gap between columns** -- toggles the wider gap between board columns (sized
by the value above). Also adds some spacing at the left and right edges of the board.
Default: on.
- **Drag the board background to scroll horizontally** -- toggles the Trello-style
click-and-drag panning described above. Default: on.
## License