Menu hover/active link fixes

Chocobozzz · Nov 28, 2024 · e560ec0 · e560ec0
1 parent e057e0b
commit e560ec0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
@@ -168,10 +168,17 @@
 
   &:hover,
   &:focus-visible {
+    opacity: 1;
     background-color: pvar-fallback(--menu-bg, --bg-secondary-450);
   }
 
   &.active {
+    &,
+    my-global-icon {
+      color: pvar(--fg) !important;
+    }
+
+    font-weight: $font-bold;
     background-color: pvar-fallback(--menu-bg, --bg-secondary-500);
   }
 

diff --git a/client/src/app/shared/shared-video-miniature/video-filters-header.component.scss b/client/src/app/shared/shared-video-miniature/video-filters-header.component.scss
@@ -86,7 +86,7 @@ $filters-background: pvar(--bg-secondary-400);
 .filters-toggle {
   padding: pvar(--input-y-padding) 0.5rem calc(#{pvar(--input-y-padding)} + 0.75rem) 0.75rem;
 
-  @include margin-left(0.25rem);
+  @include margin-left(0.75rem);
 
   my-global-icon {
     color: pvar(--secondary-icon-color);