Skip to content

Commit

Permalink
Use the full screen height for the main content to stabilize the nav
Browse files Browse the repository at this point in the history
  • Loading branch information
zanieb committed Nov 18, 2024
1 parent c5ae128 commit 0270a39
Showing 1 changed file with 12 additions and 0 deletions.
12 changes: 12 additions & 0 deletions docs/stylesheets/extra.css
Original file line number Diff line number Diff line change
Expand Up @@ -123,6 +123,18 @@ See https://github.com/astral-sh/uv/issues/5130 */
}
}


/* Always take the full screen for content, require scrolling to see the footer
This stops the size of the nav from jumping around when you visit a page without
a lot of content (i.e., an overview page). We don't apply this to sma screens
because the nav is in a hamburger menu anyway
*/
@media screen and (min-width: 76.25em) {
.md-main {
min-height: 100vh;
}
}

/* Tweak the formatting of the primary nav on a large screen */
@media screen and (min-width: 76.25em) {
.md-nav--primary .md-nav {
Expand Down

0 comments on commit 0270a39

Please sign in to comment.