ActionList hide the first divider if there's hidden items in front of…

… it. (#2229) * Hiding divider if the item in front of it is hidden * Create rich-boxes-crash.md
primer · Aug 30, 2022 · 8a4c087 · 8a4c087
1 parent 56ea4ab
commit 8a4c087
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/rich-boxes-crash.md b/.changeset/rich-boxes-crash.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+ActionList hide the first divider if there's hidden items in front of it.
diff --git a/src/actionlist/action-list-item.scss b/src/actionlist/action-list-item.scss
@@ -113,6 +113,11 @@
     }
   }
 
+  // Make sure that the first visible item isn't a divider
+  &[hidden] + .ActionList-sectionDivider {
+    display: none;
+  }
+
   // Autocomplete [aria-selected] items
 
   &[aria-selected='true'] {