switched to has: focus-visible for checkbox focus styling

PostHog · Dec 17, 2024 · d77a518 · d77a518
1 parent 6dca54c
commit d77a518
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/frontend/src/lib/lemon-ui/LemonCheckbox/LemonCheckbox.scss b/frontend/src/lib/lemon-ui/LemonCheckbox/LemonCheckbox.scss
@@ -6,6 +6,13 @@
     width: fit-content;
     font-weight: 500;
     line-height: 1.5rem;
+    outline-offset: 2px;
+
+    &:has(:focus-visible) {
+        .LemonCheckbox__box {
+            outline: -webkit-focus-ring-color auto 1px;
+        }
+    }
 
     .LemonCheckbox__input {
         width: 0 !important;