website: fix active menu link background overlap (cherry-pick #17607 to version-2025.10) (#17620)

authentik-automation[bot] · dominic-r · web-flow · commit d4a77583ea21 · 2025-10-21T07:12:41.000-04:00
website: fix active menu link background overlap (#17607) Co-authored-by: Dominic R <dominic@sdko.org>
diff --git a/website/docusaurus-theme/theme/DocSidebarItems/styles.css b/website/docusaurus-theme/theme/DocSidebarItems/styles.css
@@ -90,4 +90,8 @@
     .theme-doc-sidebar-item-category:has(> .menu__list-item-collapsible:hover) .menu__list {
         --ak-menu-item-border-color: var(--ak-menu-item-color-hover);
     }
+
+    .menu__link.menu__link--active {
+        background-color: transparent;
+    }
 }

Original file line number	Diff line number	Diff line change
`@@ -90,4 +90,8 @@`
`90`	`90`	`.theme-doc-sidebar-item-category:has(> .menu__list-item-collapsible:hover) .menu__list {`
`91`	`91`	`--ak-menu-item-border-color: var(--ak-menu-item-color-hover);`
`92`	`92`	`}`
	`93`	`+`
	`94`	`+ .menu__link.menu__link--active {`
	`95`	`+ background-color: transparent;`
	`96`	`+ }`
`93`	`97`	`}`