EPMRPP-98999 || Background-color change for disabled state (#63)

reportportal · Jan 24, 2025 · 7d4aa9e · 7d4aa9e
1 parent 28c1da7
commit 7d4aa9e
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/toggle/toggle.module.scss b/src/components/toggle/toggle.module.scss
@@ -37,6 +37,7 @@
   border-radius: 10px;
   width: 32px;
   height: 20px;
+
   &:before {
     position: absolute;
     top: 2px;
@@ -68,8 +69,8 @@
     outline: none;
   }
 
-  &:focus:not(.disabled),
-  &:focus-visible:not(.disabled) + .slider {
+  &:focus:not(:disabled),
+  &:focus-visible:not(:disabled) + .slider {
     &::after {
       top: 50%;
       left: 50%;
@@ -86,12 +87,15 @@
   &:checked + .slider {
     background-color: var(--rp-ui-base-topaz);
   }
+
   &:checked + .slider:before {
     transform: translateX(12px);
   }
-  &:hover + .slider {
+
+  &:hover:not(:disabled) + .slider {
     background-color: var(--rp-ui-base-e-400);
   }
+
   &:checked:hover + .slider {
     background-color: var(--rp-ui-base-topaz-hover);
   }