From 36de546fe201e95e1ea7b0d6705f57eab2943fca Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Thu, 27 Feb 2025 17:41:39 +0600
Subject: [PATCH] web/SidebarTab: show border only when active

& also brighten when active on mobile
---
 web/src/components/sidebar/SidebarTab.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/src/components/sidebar/SidebarTab.svelte b/web/src/components/sidebar/SidebarTab.svelte
index ae5ce8f4..937eae1f 100644
--- a/web/src/components/sidebar/SidebarTab.svelte
+++ b/web/src/components/sidebar/SidebarTab.svelte
@@ -112,6 +112,10 @@
         white-space: nowrap;
     }
 
+    .sidebar-tab:active:not(.active) {
+        opacity: 1;
+    }
+
     @keyframes pressButton {
         0% {
             transform: scale(0.9);
@@ -134,7 +138,10 @@
             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:focus:hover:not(.active) {
             opacity: 1;