Reduce opacity of disabled checkbox control indicator (#6962)

palantir · Sep 5, 2024 · b3f5a3d · b3f5a3d · svc-palantir-github · Sep 5, 2024
1 parent 09c42c3
commit b3f5a3d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/core/src/components/forms/_controls.scss b/packages/core/src/components/forms/_controls.scss
@@ -265,6 +265,10 @@ $control-indicator-spacing: $pt-grid-size !default;
       @include indicator-inline-icon("small-minus");
     }
 
+    input:disabled ~ .#{$ns}-control-indicator::before {
+      opacity: 0.5;
+    }
+
     @media (forced-colors: active) and (prefers-color-scheme: dark) {
       input:checked:not(:disabled) ~ .#{$ns}-control-indicator {
         @include indicator-inline-icon("small-tick", $black);