fix(VCheckbox/VSwitch): incorrect default flex inherited from VInput

jay-zahiri · Feb 3, 2024 · de501c3 · de501c3
1 parent d8c2943
commit de501c3
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VCheckbox/VCheckbox.sass b/packages/vuetify/src/components/VCheckbox/VCheckbox.sass
@@ -4,5 +4,8 @@
 @use './variables' as *
 
 .v-checkbox
+  &.v-input
+    flex: $checkbox-flex
+
   .v-selection-control
     min-height: var(--v-input-control-height)
diff --git a/packages/vuetify/src/components/VCheckbox/_variables.scss b/packages/vuetify/src/components/VCheckbox/_variables.scss
@@ -1,2 +1,5 @@
+@use '../../styles/settings';
+
+$checkbox-flex: 0 1 auto !default;
 $checkbox-disabled-color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !default;
 $checkbox-error-color: rgb(var(--v-theme-error)) !default;
diff --git a/packages/vuetify/src/components/VSwitch/VSwitch.sass b/packages/vuetify/src/components/VSwitch/VSwitch.sass
@@ -88,6 +88,9 @@
 .v-switch
   $switch-thumb-transform: $switch-track-width * .5 - $switch-thumb-width * .5 + $switch-thumb-offset
 
+  &.v-input
+    flex: $switch-flex
+
   .v-selection-control
     min-height: var(--v-input-control-height)
 

diff --git a/packages/vuetify/src/components/VSwitch/_variables.scss b/packages/vuetify/src/components/VSwitch/_variables.scss
@@ -1,6 +1,7 @@
 @use '../../styles/settings';
 
 // VSwitch
+$switch-flex: 0 1 auto !default;
 $switch-control-input-transition: .2s transform settings.$standard-easing !default;
 $switch-error-background-color: rgb(var(--v-theme-error)) !default;
 $switch-error-color: rgb(var(--v-theme-on-error)) !default;