From 4e14c0df2781a40e6f686e59986774a4e1eacd78 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Mon, 24 Nov 2025 16:16:09 -0600
Subject: [PATCH] Reasonalbe max heights

Use all the available space above the search/trays footer. On mobile use
the full viewport height
---
 app/assets/stylesheets/nav.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/assets/stylesheets/nav.css b/app/assets/stylesheets/nav.css
index b37201e1d..6d926027b 100644
--- a/app/assets/stylesheets/nav.css
+++ b/app/assets/stylesheets/nav.css
@@ -75,10 +75,15 @@
                 0 0.8em 0.8em oklch(var(--lch-blue-medium) / 5%);
     grid-template-rows: auto 1fr auto;
     gap: var(--nav-section-gap);
+    max-block-size: calc(100vh - var(--block-space) - var(--footer-height));
     overflow: hidden;
     padding-block-end: 0;
     scrollbar-gutter: stable both-edges;
     z-index: var(--z-nav);
+
+    @media (max-height: 668px) {
+      max-block-size: calc(100vh - var(--block-space));
+    }
   }
 
   .nav__scroll-container {