menu css and wire

Asset/css/shrink-vertically.css

@@ -13,8 +13,10 @@
  * 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 (240px) if the scrollbar is still clipped or if you
- * want the columns taller.
+ * The pixel budget is the --sv-shrink-offset CSS variable. It is injected in the
+ * page head from the plugin setting (Settings -> Shrink Vertically); when unset it
+ * falls back to 240px below. Increase it if the scrollbar is still clipped, or
+ * decrease it to make 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).
@@ -27,6 +29,6 @@
  * (non-important) min-height, so we reset it to 0 and let max-height win.
  */
 #board td .board-task-list.board-task-list-compact {
-    max-height: calc(100vh - 240px) !important;
+    max-height: calc(100vh - var(--sv-shrink-offset, 240px)) !important;
     min-height: 0 !important;
 }