From d11824ff75b0d19434b068ae9fcaf13a395dd6f9 Mon Sep 17 00:00:00 2001 From: bluxiv <42218869+bluxiv@users.noreply.github.com> Date: Tue, 23 Apr 2024 04:20:17 +0200 Subject: [PATCH] fix(VSwitch): transition in RTL (#19495) --- packages/vuetify/src/components/VSwitch/VSwitch.sass | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/packages/vuetify/src/components/VSwitch/VSwitch.sass b/packages/vuetify/src/components/VSwitch/VSwitch.sass index 8ed2ba3bfc7..394a83d2387 100644 --- a/packages/vuetify/src/components/VSwitch/VSwitch.sass +++ b/packages/vuetify/src/components/VSwitch/VSwitch.sass @@ -100,7 +100,10 @@ .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 @@ -108,7 +111,10 @@ .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