servius/sukr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(mobile): make nav independently scrollable

Browse Source 
- Use viewport-relative max-height instead of fixed 500px
- Add overflow-y:auto for internal scrolling on long anchor lists
This commit is contained in:
Timothy DeHerrera
2026-02-01 10:04:02 -07:00
parent ce8a9e8f00
commit 4392487629
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/static/style.css vendored
View File

@@ -537,7 +537,10 @@ th {
/* Show nav when checkbox is checked - checkbox is inside header now */ /* Show nav when checkbox is checked - checkbox is inside header now */
.sidebar:has(.nav-toggle:checked) nav { .sidebar:has(.nav-toggle:checked) nav {
max-height: 500px; max-height: calc(100vh - 161px);
/* Viewport-relative, account for header */
overflow-y: auto;
/* Enable internal scrolling when content exceeds height */
opacity: 1; opacity: 1;
margin-top: 1rem; margin-top: 1rem;
padding-top: 1rem; padding-top: 1rem;
@@ -585,4 +588,4 @@ th {
td code { td code {
white-space: normal; white-space: normal;
} }
} }