From 49a0261a42753b47fd9a044d72f1b5cc7e483ce3 Mon Sep 17 00:00:00 2001 From: Yuval Dikerman <3dyuval@gmail.com> Date: Tue, 17 Dec 2024 13:39:04 +0200 Subject: [PATCH 1/2] Removed padding override in VNumberInput.sass #20782 --- packages/vuetify/src/labs/VNumberInput/VNumberInput.sass | 4 ---- 1 file changed, 4 deletions(-) diff --git a/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass b/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass index 62891528831..879dd74c8a7 100644 --- a/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass +++ b/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass @@ -14,10 +14,6 @@ &::-webkit-inner-spin-button -webkit-appearance: none - .v-field - padding-inline-end: 0 - padding-inline-start: 0 - &--inset .v-divider height: $number-input-inset-divider-size From 6850d194d6f77813b7d85ed4263ff05881aa87b6 Mon Sep 17 00:00:00 2001 From: Yuval Dikerman <3dyuval@gmail.com> Date: Tue, 17 Dec 2024 14:14:54 +0200 Subject: [PATCH 2/2] fix(VNumberInput): padding logic when reversed --- .../vuetify/src/labs/VNumberInput/VNumberInput.sass | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass b/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass index 879dd74c8a7..2205611e528 100644 --- a/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass +++ b/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass @@ -14,6 +14,16 @@ &::-webkit-inner-spin-button -webkit-appearance: none + &--reverse + .v-number-input__control + margin-inline-start: var(--v-field-padding-start) + + .v-field + padding-inline-end: var(--v-field-padding-end) + + .v-field + padding-inline-end: 0 + &--inset .v-divider height: $number-input-inset-divider-size