css rules changed
This commit is contained in:
24
Asset/css/shrink-vertically.css
Normal file
24
Asset/css/shrink-vertically.css
Normal file
@@ -0,0 +1,24 @@
|
||||
/*
|
||||
* ShrinkVertically -- keep the board's horizontal scrollbar visible when columns
|
||||
* are vertically collapsed (gear menu "collapse vertically" / shortcut, which sets
|
||||
* localStorage vertical_scroll=0 and adds the class .board-task-list-compact).
|
||||
*
|
||||
* Kanboard core sets: .board-task-list-compact { max-height: 90vh; }
|
||||
* That 90vh is measured from the top of the viewport and ignores the page header
|
||||
* above the board, so column + header together exceed the viewport and push the
|
||||
* horizontal scrollbar below the fold.
|
||||
*
|
||||
* We instead reserve a fixed pixel budget for the chrome above and below the task
|
||||
* list (page header + board column header + the horizontal scrollbar + a little
|
||||
* breathing room). A fixed-px budget is more reliable than a proportional vh value
|
||||
* because that chrome is a fixed height regardless of screen size.
|
||||
*
|
||||
* Tune the single number below (120px) if the scrollbar is still clipped or if you
|
||||
* want the columns taller.
|
||||
*
|
||||
* The selector is intentionally more specific than core's single-class rule, and
|
||||
* uses !important, so this override wins even alongside a theme (e.g. Essential).
|
||||
*/
|
||||
#board td .board-task-list.board-task-list-compact {
|
||||
max-height: calc(100vh - 120px) !important;
|
||||
}
|
||||
Reference in New Issue
Block a user