fix(mobile): make nav independently scrollable
- 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:
7
docs/static/style.css
vendored
7
docs/static/style.css
vendored
@@ -537,7 +537,10 @@ th {
|
||||
|
||||
/* Show nav when checkbox is checked - checkbox is inside header now */
|
||||
.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;
|
||||
margin-top: 1rem;
|
||||
padding-top: 1rem;
|
||||
@@ -585,4 +588,4 @@ th {
|
||||
td code {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user