* Update top nav bar icon to remove focus state style (#3792)

Fix "navigation bar icons are still being highlighted after click"
FreeTubeApp · Aug 2, 2023 · 41fd613 · 41fd613
1 parent d8ed6b9
commit 41fd613
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/src/renderer/components/top-nav/top-nav.scss b/src/renderer/components/top-nav/top-nav.scss
@@ -54,11 +54,6 @@
 
   @include top-nav-is-colored {
     color: var(--text-with-main-color);
-
-    &:hover,
-    &:focus {
-      background-color: var(--primary-color-hover);
-    }
   }
 
   &.fa-arrow-left,
@@ -69,10 +64,13 @@
     user-select: none;
   }
 
-  &:hover,
-  &:focus {
+  &:hover {
     background-color: var(--side-nav-hover-color);
     transition: background 0.2s ease-in;
+
+    @include top-nav-is-colored {
+      background-color: var(--primary-color-hover);
+    }
   }
 
   &:active {