Add comment explaining CSS separator pattern

scttcper · scttcper · commit efcc0c004942 · 2026-04-07T13:43:08.000-07:00
Co-authored-by: malwilley
diff --git a/static/app/components/groupMetaRow.tsx b/static/app/components/groupMetaRow.tsx
@@ -162,6 +162,8 @@ const GroupExtra = styled('div')`
     color: ${p => p.theme.tokens.interactive.link.accent.hover};
   }
 
+  /* Adds a 1px vertical separator between visible siblings, automatically
+     skipping children that render null */
   & > * + * {
     margin-left: ${p => p.theme.space.sm};
     padding-left: ${p => p.theme.space.sm};

Original file line number	Diff line number	Diff line change
@@ -162,6 +162,8 @@ const GroupExtra = styled('div')`
`162`	`162`	`color: ${p => p.theme.tokens.interactive.link.accent.hover};`
`163`	`163`	`}`
`164`	`164`
	`165`	`+ /* Adds a 1px vertical separator between visible siblings, automatically`
	`166`	`+ skipping children that render null */`
`165`	`167`	`& > * + * {`
`166`	`168`	`margin-left: ${p => p.theme.space.sm};`
`167`	`169`	`padding-left: ${p => p.theme.space.sm};`