Update sidebar headings

swisspost · May 16, 2024 · c6f863c · c6f863c
1 parent d01a81d
commit c6f863c
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/packages/documentation/.storybook/styles/manager.scss b/packages/documentation/.storybook/styles/manager.scss
@@ -15,6 +15,8 @@
 
 #storybook-explorer-tree {
   .sidebar-subheading {
+    width: 100%;
+
     button {
       letter-spacing: 0.1em;
     }
@@ -24,6 +26,7 @@
     }
   }
 
+  .sidebar-subheading,
   .sidebar-item {
     position: relative;
     border-radius: 0;
@@ -47,6 +50,13 @@
       left: 100%;
     }
 
+    &:hover,
+    &:focus-visible {
+      background-color: var(--post-gray-10);
+    }
+  }
+
+  .sidebar-item {
     > span {
       margin-top: 4px;
     }
@@ -74,11 +84,6 @@
       color: var(--post-aubergine-bright);
     }
 
-    &:hover,
-    &:focus-visible {
-      background-color: var(--post-gray-10);
-    }
-
     &[data-selected='true'] {
       background-color: rgba(var(--post-yellow-rgb), 0.4);
       color: var(--post-contrast-color);