fix: remove hover state when switch is disabled and toggled (#2151)

Frontify · Jan 9, 2025 · f2188a0 · f2188a0
1 parent dda2dd8
commit f2188a0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/.changeset/stupid-beers-travel.md b/.changeset/stupid-beers-travel.md
@@ -0,0 +1,5 @@
+---
+"@frontify/fondue-components": patch
+---
+
+fix: remove hover state when switch is disabled and toggled
diff --git a/packages/components/src/components/Switch/styles/switch.module.scss b/packages/components/src/components/Switch/styles/switch.module.scss
@@ -15,7 +15,7 @@
     background-color: var(--box-neutral-color);
     border: 1px solid var(--line-color-x-strong);
 
-    &:hover {
+    &:enabled:hover {
         background-color: var(--box-neutral-color-hover);
     }
 
@@ -37,12 +37,12 @@
     &[data-state='checked'] {
         background-color: var(--text-color-weak);
 
-        &:hover {
-            background: var(--box-neutral-strong-color-hover);
+        &:enabled:hover {
+            background-color: var(--box-neutral-strong-color-hover);
         }
     }
 
-    &[disabled] {
+    &:disabled {
         border-color: var(--line-color);
         background-color: var(--box-neutral-color);
 
@@ -51,6 +51,7 @@
         }
     }
 }
+
 .thumb {
     @include transition-transform;