fix(VaInputWrapper): fix inner label height(#3950) (#4203)

* fix(VaInputWrapper): fix the height inconsistency between inner label and outer label modes' inputs(#3950) * chore(input): prevent extra specific selector in inner-labeled input height --------- Co-authored-by: Maksim Nedoshev <m0ksem1337@gmail.com>
epicmaxco · Apr 30, 2024 · 6d3d8e9 · 6d3d8e9
1 parent 8c51c9c
commit 6d3d8e9
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/ui/src/components/va-input-wrapper/VaInputWrapper.vue b/packages/ui/src/components/va-input-wrapper/VaInputWrapper.vue
@@ -408,6 +408,10 @@ export default defineComponent({
       box-sizing: content-box;
     }
 
+    .va-input-wrapper__field {
+      height: calc(var(--va-input-wrapper-min-height) - calc(var(--va-input-wrapper-border-width) * 2));
+    }
+
     textarea {
       margin-top: 0;
     }