Add logo hover styling

FreeTubeApp · Oct 21, 2023 · 4bf7d36 · 4bf7d36
1 parent c1d3707
commit 4bf7d36
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/src/renderer/components/top-nav/top-nav.scss b/src/renderer/components/top-nav/top-nav.scss
@@ -66,10 +66,6 @@
   }
 
   &:hover {
-    background-color: var(--side-nav-hover-color);
-    color: var(--side-nav-hover-text-color);
-    transition: background 0.2s ease-in;
-
     @include top-nav-is-colored {
       background-color: var(--primary-color-hover);
     }
@@ -86,6 +82,14 @@
   }
 }
 
+.navIcon:hover, .logo:hover {
+  &:hover {
+    background-color: var(--side-nav-hover-color);
+    color: var(--side-nav-hover-text-color);
+    transition: background 0.2s ease-in;
+  }
+}
+
 .navFilterIcon {
   $effect-distance: 10px;
 
@@ -130,6 +134,12 @@
     padding-block: 0;
     padding-inline: 10px 25px;
 
+    &:hover {
+      @include top-nav-is-colored {
+        background-color: var(--primary-color-hover);
+      }
+    }
+
     &:active {
       background-color: var(--tertiary-text-color);
       transition: background 0.2s ease-in;