From 890364331e231754cb90ade5dc8664eaeed5a162 Mon Sep 17 00:00:00 2001 From: Dorian Date: Tue, 14 Jul 2026 03:39:56 +0100 Subject: [PATCH] fix(ui): pin dashboard to dynamic viewport across the whole mobile breakpoint MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The 100dvh pin only applied below 768px; between 768–920px mobile browsers still sized the dashboard to 100vh, hiding the bottom of every page behind the browser tab bar with no way to scroll it into view. Apply the same pin at ≤920px so pages always scroll fully clear with the scroll-pad margin. Co-Authored-By: Claude Fable 5 --- neode-ui/src/style.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/neode-ui/src/style.css b/neode-ui/src/style.css index 432736b9..9ee7de7f 100644 --- a/neode-ui/src/style.css +++ b/neode-ui/src/style.css @@ -195,6 +195,16 @@ select:focus-visible { } @media (max-width: 920px) { + /* Same dynamic-viewport pin as the <768px rule: mobile browsers report 100vh + taller than the visible area (URL/tab-bar chrome), which pushes the bottom + of every page under the browser chrome. Pin the dashboard to the dynamic + viewport across the whole mobile/tablet breakpoint so pages always scroll + fully clear of the tab bar, with the .mobile-scroll-pad margin visible. */ + .dashboard-view.dashboard-view { + height: 100dvh; + min-height: 100dvh; + } + .dashboard-view .app-header-inline-tabs { display: none !important; }