ActionList hide the first divider if there's hidden items in front of it. (#2229)

jonrohan · web-flow · commit 8a4c0878857f · 2022-08-30T12:48:23.000-07:00
* Hiding divider if the item in front of it is hidden

* Create rich-boxes-crash.md
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'] {

Original file line number	Diff line number	Diff line change
`@@ -113,6 +113,11 @@`
`113`	`113`	`}`
`114`	`114`	`}`
`115`	`115`
	`116`	`+ // Make sure that the first visible item isn't a divider`
	`117`	`+ &[hidden] + .ActionList-sectionDivider {`
	`118`	`+ display: none;`
	`119`	`+ }`
	`120`	`+`
`116`	`121`	`// Autocomplete [aria-selected] items`
`117`	`122`
`118`	`123`	`&[aria-selected='true'] {`