Skip to content

Commit

Permalink
Fix: always show all of the navigation bar, even on mobile (#239)
Browse files Browse the repository at this point in the history
Otherwise people didn't find where to login or edit pages on
desktops with lower resolution.

Now when the window gets too small, the login bar is put below
the rest of the navigation. This uses up slightly more vertical
space, but at least keeps the navigation available for all resolutions.
  • Loading branch information
TrueBrain authored Dec 7, 2021
1 parent 0aef453 commit fe91399
Showing 1 changed file with 1 addition and 8 deletions.
9 changes: 1 addition & 8 deletions static/truewiki/truewiki.css
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,6 @@ body > nav {
background: #555555;
border-radius: 0px 0px 10px 10px;
box-shadow: 0px 0px 5px #000000;
height: 32px;
margin: 0px auto;
min-height: 32px;
overflow: scroll; /* If the breadcrumbs are longer than the width of the screen, allow horizontal scrolling */
Expand Down Expand Up @@ -128,6 +127,7 @@ main {

#navigation-bar {
float: left;
height: 32px;
padding-left: 10px;
}
#navigation-bar li {
Expand All @@ -137,17 +137,10 @@ main {
padding: 0 6px;
}
#navigation-bar.right {
visibility: hidden;
float: right;
padding-right: 10px;
}

@media only screen and (min-width: 1020px) {
#navigation-bar.right {
visibility: visible;
}
}

#navigation-bar li.crumb:not(:first-child)::after {
color: white;
content: "❱";
Expand Down

0 comments on commit fe91399

Please sign in to comment.