From b3c38af553fffcfc6733a1e82a8d35f49e3f7413 Mon Sep 17 00:00:00 2001
From: Benedikt Kulmann <benedikt@kulmann.biz>
Date: Thu, 1 Sep 2022 22:05:05 +0200
Subject: [PATCH] fix: don't apply hover and focus nav item style to active
 item

---
 .../web-runtime/src/components/SidebarNav/SidebarNav.vue    | 2 +-
 .../src/components/SidebarNav/SidebarNavItem.vue            | 6 +-----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue b/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue
index ab04bdbff3e..b20394a79e2 100644
--- a/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue
+++ b/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue
@@ -142,7 +142,7 @@ export default {
     justify-content: flex-end !important;
   }
 
-  .oc-sidebar-nav li a {
+  .oc-sidebar-nav li a:not(.active) {
     &:hover,
     &:focus {
       text-decoration: none !important;
diff --git a/packages/web-runtime/src/components/SidebarNav/SidebarNavItem.vue b/packages/web-runtime/src/components/SidebarNav/SidebarNavItem.vue
index dc8b512057a..3f287a1a177 100644
--- a/packages/web-runtime/src/components/SidebarNav/SidebarNavItem.vue
+++ b/packages/web-runtime/src/components/SidebarNav/SidebarNavItem.vue
@@ -9,11 +9,7 @@
       type="router-link"
       appearance="raw"
       :variation="active ? 'inverse' : 'passive'"
-      :class="[
-        'oc-sidebar-nav-item-link',
-        { active: active },
-        { 'oc-background-primary-gradient': active }
-      ]"
+      :class="['oc-sidebar-nav-item-link', { active: active }]"
       :to="target"
       :data-nav-id="index"
       :data-nav-name="navName"