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 15, 2024
1 parent 3aa96a5 commit b8336c9
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 b8336c9

Please sign in to comment.