💄 (grapher) add focus state to labelled switch

owid · Feb 1, 2024 · 36d59a1 · 36d59a1
1 parent 78da5a8
commit 36d59a1
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/@ourworldindata/grapher/src/controls/LabeledSwitch.scss b/packages/@ourworldindata/grapher/src/controls/LabeledSwitch.scss
@@ -80,6 +80,10 @@ $lato: $sans-serif-font-stack;
                 }
             }
 
+            input:focus-visible + .outer {
+                outline: 2px solid $controls-color;
+            }
+
             input:checked + .outer {
                 background: $active-fill;
                 .inner {