Archive/screentinker
1
0
Fork 0
mirror of https://github.com/screentinker/screentinker.git synced 2026-06-21 13:42:38 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(ui): make sidebar nav scrollable on short screens

Browse source 
On a short viewport (e.g. 1366x768) the sidebar nav was taller than the screen
with no scroll, so items below the fold (Settings) were unreachable. Add
overflow-y:auto + min-height:0 to .nav-links (the min-height:0 lets the flex
child shrink and scroll instead of overflowing).
This commit is contained in:
ScreenTinker 2026-06-08 20:41:15 -05:00
parent 171b69233c
commit 2e14de2069
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/css/main.css
View file

@ -212,6 +212,11 @@ body {
.nav-links { .nav-links {
flex: 1; flex: 1;
padding: 12px 8px; padding: 12px 8px;
/* Scroll the nav when it's taller than the viewport (short screens, e.g.
1366x768) so items below the fold (Settings) stay reachable. min-height:0
is required for a flex child to shrink and scroll instead of overflowing. */
overflow-y: auto;
min-height: 0;
} }
.nav-link { .nav-link {