Focus indicator for on/off switches.

hackademix · hackademix · commit 83fd467391ea · 2022-03-22T22:31:31.000+01:00
diff --git a/src/ui/common.css b/src/ui/common.css
@@ -137,7 +137,7 @@ input:disabled, button:disabled, select:disabled {
   cursor: not-allowed !important;
 }
 
-:focus-visible, .cap:focus-within {
+:focus-visible, :is(.cap, .switch):focus-within {
   outline: 0;
   filter:
     drop-shadow(2px 2px 2px var(--focus-color))

Original file line number	Diff line number	Diff line change
`@@ -137,7 +137,7 @@ input:disabled, button:disabled, select:disabled {`
`137`	`137`	`cursor: not-allowed !important;`
`138`	`138`	`}`
`139`	`139`
`140`		`-:focus-visible, .cap:focus-within {`
	`140`	`+:focus-visible, :is(.cap, .switch):focus-within {`
`141`	`141`	`outline: 0;`
`142`	`142`	`filter:`
`143`	`143`	`drop-shadow(2px 2px 2px var(--focus-color))`