fix(toggle): adjust disabled toggle styles in data table (#7753)

carbon-design-system · Feb 11, 2021 · 42374bc · 42374bc
1 parent 3fa1c18
commit 42374bc
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/packages/components/src/components/toggle/_toggle.scss b/packages/components/src/components/toggle/_toggle.scss
@@ -421,6 +421,21 @@
     box-shadow: none;
   }
 
+  // disabled toggle in data table #7351
+  .#{$prefix}--data-table
+    .#{$prefix}--toggle-input:disabled
+    + .#{$prefix}--toggle-input__label
+    > .#{$prefix}--toggle__switch::before {
+    background-color: $disabled-02;
+  }
+
+  .#{$prefix}--data-table
+    .#{$prefix}--toggle-input:disabled
+    + .#{$prefix}--toggle-input__label
+    > .#{$prefix}--toggle__switch::after {
+    background-color: $disabled-03;
+  }
+
   //----------------------------------------------
   // Small toggle
   // ---------------------------------------------