diff --git a/static/style.css b/static/style.css index 3f392e1..943855c 100644 --- a/static/style.css +++ b/static/style.css @@ -249,6 +249,10 @@ navbar { gap: 4px; cursor: pointer; width: 30px; + padding: 4px 8px; + border: 2px solid black; + background: var(--win-bg-grey); + border-color: #ffffff #808080 #808080 #ffffff; span { display: block; @@ -256,6 +260,10 @@ navbar { background: #000; transition: all 0.3s ease; } + + &:active { + border-color: #808080 #ffffff #ffffff #808080; + } } &:has(#nav-toggle-checkbox:checked) { @@ -558,6 +566,18 @@ mini-player { navbar-toggle { display: block; + background-color: transparent; + + .hamburger { + padding: 4px 8px; + border: 2px solid black; + background: var(--win-bg-grey); + border-color: #ffffff #808080 #808080 #ffffff; + + &:active { + border-color: #808080 #ffffff #ffffff #808080; + } + } } #nav-toggle-checkbox { @@ -573,8 +593,7 @@ mini-player { position: absolute; top: 100%; left: 0; - background-color: var(--win-bg-grey); - border-top: 2px solid #000; + border-top: 1px solid #000; z-index: 101; a { @@ -602,6 +621,7 @@ mini-player { } mini-player { + display: none; width: 95svw; max-width: 280px;