Enhance sidebar item styles with box-shadow for active and selected s…

…tates
elixir-lang · Jan 19, 2025 · a7ae811 · a7ae811
1 parent d87883a
commit a7ae811
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/assets/css/sidebar.css b/assets/css/sidebar.css
@@ -227,11 +227,11 @@
 .sidebar .full-list a {
   padding: 10px 12px 10px 12px;
   color: var(--sidebarItem);
-  border-radius: calc(var(--borderRadius));
 }
 
 .sidebar .full-list a[aria-selected] {
   color: var(--sidebarActiveItem);
+  box-shadow: inset 2px 0px 0 var(--sidebarActiveItem);
 }
 
 .sidebar .full-list a:hover {
@@ -336,7 +336,7 @@
 
 .sidebar .full-list ul ul a[aria-selected] {
   color: var(--sidebarActiveItem);
-  border-color: var(--sidebarLanguageAccentBar);
+  box-shadow: inset 2px 0px 0 var(--sidebarActiveItem);
 }
 
 .sidebar-button {