fix(VSwitch): transition in RTL (#19495)

vuetifyjs · Apr 23, 2024 · d11824f · d11824f
1 parent 97cc161
commit d11824f
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VSwitch/VSwitch.sass b/packages/vuetify/src/components/VSwitch/VSwitch.sass
@@ -100,15 +100,21 @@
   .v-selection-control__input
     border-radius: 50%
     transition: $switch-control-input-transition
-    transform: translateX(-$switch-thumb-transform)
+    +tools.ltr()
+      transform: translateX(-$switch-thumb-transform)
+    +tools.rtl()
+      transform: translateX($switch-thumb-transform)
     position: absolute
 
     .v-icon
       position: absolute
 
   .v-selection-control--dirty
     .v-selection-control__input
-      transform: translateX($switch-thumb-transform)
+      +tools.ltr()
+        transform: translateX($switch-thumb-transform)
+      +tools.rtl()
+        transform: translateX(-$switch-thumb-transform)
 
   &.v-switch--indeterminate
     .v-selection-control__input