commit 166e8ce4eb032c5fb188270d9df5046aa1165653 parent f9f8bc30deb433521e89773655d5958e4af3cb52 Author: Peter <peter@minskio.co.uk> Date: Fri, 2 Oct 2026 14:10:29 +0100 Fix responsive nav bar Diffstat:
| M | static/style.css | | | 12 | ++++++++---- |
1 file changed, 8 insertions(+), 4 deletions(-)
diff --git a/static/style.css b/static/style.css @@ -37,11 +37,15 @@ nav ul.sub-menu li.tag-filter{background:#1a1a1a} nav ul.sub-menu li.tag-filter input{width:calc(100% - 16px)} /* responsive nav bar */ +@media (max-width: 900px) { + nav>ul>li>a span {display:none} + nav>ul>li>a svg {display:inline-block; margin:0 auto; width:1.8rem} + nav>ul>li>a {padding:0.8rem} + div#search-container form input {width:120px} +} @media (max-width: 600px) { - nav ul li a svg {display: inline-block; margin: 0 auto; width: 1.8rem; } - nav ul li a {padding: 0.8rem} - div#search-container form input {width: 80px} - } + div#search-container form input {width:80px} +} /* fix whitespace in nav */ nav ul { font-size: 0; }