lfg2025/archy
1
0
Fork 0
Code Issues 20 Pull Requests Actions Packages Projects Releases 61 Wiki Activity

fix(ui): pin dashboard to dynamic viewport across the whole mobile breakpoint

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Dorian 2026-07-14 03:39:56 +01:00
parent 4135ee5f4a
commit 890364331e
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
neode-ui/src/style.css
View File

@ -195,6 +195,16 @@ select:focus-visible {
} }
@media (max-width: 920px) { @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 { .dashboard-view .app-header-inline-tabs {
display: none !important; display: none !important;
} }