fonts/nerd-fonts
1
0
Fork 0
mirror of https://github.com/ryanoasis/nerd-fonts.git synced 2024-12-19 20:12:52 +02:00
Code Issues Releases Activity

Fix navbar in two lines

Browse Source 
[why]
The navbar should only be one line, switching to smaller and smaller
items, until we reach a very small size (the smallest) where we finally
allow it to overlow into the next lines.
But that is not the case, the navbar switches between one and two lines
already at medium sized screens.

[how]
Correct the width point when the navbar titles switch from long-titles
to short-titles.

Introduce new width switch point that reduces the cell widths of the navbar
one they become very full and further reduction in width would result in
overflow into the next line.

Tested on Netscape and Chromium; the later needs bigger numbers (hmm)

Fixes: #1375

Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
This commit is contained in:
Fini Jastrow 2023-10-09 17:22:08 +02:00 committed by Fini
parent 20da768954
commit 9f7e6ee0e3
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
_includes/css/nerd-font-tweaks.scss
View File

@ -738,6 +738,12 @@ a.nerd-font-button:before {
}
}
@media only screen and (max-width: 785px) {
nav ul li {
min-width: 50px;
}
}
/* util */
.text-left {

4
_includes/css/skeleton.scss vendored
View File

@ -91,14 +91,14 @@
}
/* top nav tweaks */
@media(min-width:768px) {
@media(min-width:940px) {
.hide-on-larger-view {
display: none !important;
}
}
@media(max-width:767px) {
@media(max-width:939px) {
.hide-on-smaller-view {
display: none !important;
}