Make mock group action buttons tab-reachable

pimterry · pimterry · commit 5df26a849456 · 2024-06-19T17:06:45.000+02:00
diff --git a/src/components/mock/mock-rule-group.tsx b/src/components/mock/mock-rule-group.tsx
@@ -120,7 +120,7 @@ const GroupHeaderContainer = styled.header<{
             color: ${p => p.theme.popColor};
         }
     }
-    &:hover {
+    &:hover, &:focus-within {
         ${DragHandle} {
             opacity: 0.5;
         }

Original file line number	Diff line number	Diff line change
`@@ -120,7 +120,7 @@ const GroupHeaderContainer = styled.header<{`
`120`	`120`	`color: ${p => p.theme.popColor};`
`121`	`121`	`}`
`122`	`122`	`}`
`123`		`- &:hover {`
	`123`	`+ &:hover, &:focus-within {`
`124`	`124`	`${DragHandle} {`
`125`	`125`	`opacity: 0.5;`
`126`	`126`	`}`