fix(VSwitch): only affect control opacity when disabled

vuetifyjs · Aug 9, 2022 · 1e0a4ad · 1e0a4ad
1 parent 0cc43e2
commit 1e0a4ad
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VSwitch/VSwitch.sass b/packages/vuetify/src/components/VSwitch/VSwitch.sass
@@ -45,6 +45,7 @@
 
   .v-input--selection-controls__input
     width: $switch-width
+    transition: opacity $primary-transition
 
   .v-input--selection-controls__ripple
     top: $switch-ripple-top
@@ -68,8 +69,8 @@
     .v-input--selection-controls__ripple
       top: $switch-ripple-dense-top
 
-  &.v-input--is-dirty
-    &.v-input--is-disabled
+  &.v-input--is-dirty.v-input--is-disabled
+    .v-input--selection-controls__input
       opacity: $switch-disabled-opacity
 
   +ltr()