web/SidebarTab: show border only when active

& also brighten when active on mobile
This commit is contained in:
wukko 2025-02-27 17:41:39 +06:00
parent 78db8d5eef
commit 36de546fe2
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2

View file

@ -112,6 +112,10 @@
white-space: nowrap; white-space: nowrap;
} }
.sidebar-tab:active:not(.active) {
opacity: 1;
}
@keyframes pressButton { @keyframes pressButton {
0% { 0% {
transform: scale(0.9); transform: scale(0.9);
@ -134,7 +138,10 @@
background-color: var(--button-press-transparent); background-color: var(--button-press-transparent);
} }
.sidebar-tab:hover:not(.active), .sidebar-tab:hover:not(.active) {
opacity: 1;
}
.sidebar-tab:active:not(.active), .sidebar-tab:active:not(.active),
.sidebar-tab:focus:hover:not(.active) { .sidebar-tab:focus:hover:not(.active) {
opacity: 1; opacity: 1;