fix(core): correct "disabled" styling for checkbox and radio (#328)

onfido · Feb 17, 2021 · a68dc30 · a68dc30
1 parent 68aab8a
commit a68dc30
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/packages/core/src/components/checkbox/checkbox.scss b/packages/core/src/components/checkbox/checkbox.scss
@@ -74,7 +74,13 @@
   }
 
   // indicating [disabled] input
-  .ods-checkbox:disabled + .ods-input-indicator::after {
-    border-color: helpers.color('content-disabled');
+  .ods-checkbox:disabled + .ods-input-indicator {
+    &::after {
+      border-color: helpers.color('content-disabled');
+    }
+
+    &::before {
+      background-color: helpers.color('background-disabled');
+    }
   }
 }
diff --git a/packages/core/src/components/radio/radio.scss b/packages/core/src/components/radio/radio.scss
@@ -35,7 +35,13 @@
   }
 
   // indicating [disabled] input
-  .ods-radio:disabled + .ods-input-indicator::after {
-    background-color: helpers.color('content-disabled');
+  .ods-radio:disabled + .ods-input-indicator {
+    &::after {
+      background-color: helpers.color('content-disabled');
+    }
+
+    &::before {
+      background-color: helpers.color('background-disabled');
+    }
   }
 }
diff --git a/packages/core/src/internal/indicator-container/indicator-container.scss b/packages/core/src/internal/indicator-container/indicator-container.scss
@@ -126,7 +126,6 @@
   .ods-checkbox:disabled,
   .ods-radio:disabled {
     + .ods-input-indicator::before {
-      background-color: helpers.color('background-disabled');
       border-color: helpers.color('border-disabled');
     }