Skip to content

Commit

Permalink
prevent navbar text wrapping
Browse files Browse the repository at this point in the history
When a navbar item has multiple words, and there are enough navbar item to
cause the flexbox to be full at reduced window widths without transitioning
through the lower media breakpoint, the navbar link name can wrap, which causes
the alignment of all navbar items to break.

This change forbids navbar text wrapping even at bigger screen sizes.
  • Loading branch information
multun authored and geriom committed Dec 2, 2022
1 parent 33f3dfe commit 1fb0e23
Showing 1 changed file with 4 additions and 2 deletions.
6 changes: 4 additions & 2 deletions assets/scss/_nav.scss
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,10 @@
font-weight: $font-weight-bold;
}

.navbar-nav {
white-space: nowrap;
}

// For .td-search__input styling, see _search.scss

.dropdown {
Expand All @@ -81,9 +85,7 @@
.navbar-nav {
padding-bottom: 2rem;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;

}
}
}
Expand Down

0 comments on commit 1fb0e23

Please sign in to comment.