From fe9139970a1031833ded75a3fbe0d8ac06087468 Mon Sep 17 00:00:00 2001 From: Patric Stout Date: Tue, 7 Dec 2021 19:04:47 +0100 Subject: [PATCH] Fix: always show all of the navigation bar, even on mobile (#239) 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. --- static/truewiki/truewiki.css | 9 +-------- 1 file changed, 1 insertion(+), 8 deletions(-) diff --git a/static/truewiki/truewiki.css b/static/truewiki/truewiki.css index 9541186..f47a497 100644 --- a/static/truewiki/truewiki.css +++ b/static/truewiki/truewiki.css @@ -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 */ @@ -128,6 +127,7 @@ main { #navigation-bar { float: left; + height: 32px; padding-left: 10px; } #navigation-bar li { @@ -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: "❱";