[JENKINS-67965] Fix checkbox focus state (#6340)

jenkinsci · Mar 8, 2022 · 643bd58 · 643bd58
1 parent c060286
commit 643bd58
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/war/src/main/less/form/checkbox.less b/war/src/main/less/form/checkbox.less
@@ -28,6 +28,28 @@
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
 
+  &:not(:disabled) {
+    &:active,
+    &:focus {
+      & + label {
+        &::before {
+          box-shadow: 0 0 0 5px var(--focus-input-glow), inset 0 0 0 2px var(--focus-input-border);
+        }
+      }
+    }
+
+    &:checked {
+      &:active,
+      &:focus {
+        & + label {
+          &::before {
+            box-shadow: 0 0 0 5px var(--focus-input-glow), inset 0 0 0 12px var(--focus-input-border);
+          }
+        }
+      }
+    }
+  }
+
   &:checked {
     & + label {
       &:active,