From 459c746dcc7219cc9a2a1cdaf97ff6f28e9cce0f Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Fri, 12 Jul 2024 17:06:05 +0600
Subject: [PATCH] web/SidebarTab: yet another attempt to fix blurriness on
 small res screens

---
 web/src/components/sidebar/SidebarTab.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/web/src/components/sidebar/SidebarTab.svelte b/web/src/components/sidebar/SidebarTab.svelte
index 91cb4cae..fbba8af6 100644
--- a/web/src/components/sidebar/SidebarTab.svelte
+++ b/web/src/components/sidebar/SidebarTab.svelte
@@ -26,6 +26,11 @@
 
     $: if (isTabActive && tab) {
         showTab(tab);
+
+        tab.classList.add("animate")
+        setTimeout(() => {
+            tab.classList.remove("animate")
+        }, 220)
     }
 </script>
 
@@ -70,11 +75,14 @@
         color: var(--sidebar-bg);
         background: var(--sidebar-highlight);
         opacity: 1;
-        animation: pressButton 0.2s;
         transition: none;
         transform: none;
     }
 
+    :global(.sidebar-tab.animate) {
+        animation: pressButton 0.2s;
+    }
+
     .sidebar-tab:active:not(.active) {
         transform: scale(0.95);
     }