From f7227eaef1880338bfbd98764e900d1b97b7c17c Mon Sep 17 00:00:00 2001
From: Ruben Carlo Benante <rcb@beco.cc>
Date: Sun, 28 Jun 2026 16:37:36 -0300
Subject: [PATCH] css rules changed

---
 Asset/css/shrink-vertically.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 Asset/css/shrink-vertically.css

diff --git a/Asset/css/shrink-vertically.css b/Asset/css/shrink-vertically.css
new file mode 100644
index 0000000..fc6f707
--- /dev/null
+++ b/Asset/css/shrink-vertically.css
@@ -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;
+}