From e560ec090c2da800ea29e75c2ad8c5c4d3145ba3 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Thu, 28 Nov 2024 16:21:49 +0100
Subject: [PATCH] Menu hover/active link fixes

---
 client/src/app/menu/menu.component.scss                    | 7 +++++++
 .../video-filters-header.component.scss                    | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index dea1ef76d..48bcf6804 100644
--- 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
index 0331a9c87..7363c4039 100644
--- 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);