fix(VMessages/VCounter): resolve layout jump caused by incorrect line…

…-height
vuetifyjs · Feb 3, 2020 · 5c8be69 · 5c8be69
1 parent 42f62eb
commit 5c8be69
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VCounter/VCounter.sass b/packages/vuetify/src/components/VCounter/VCounter.sass
@@ -8,4 +8,4 @@
   flex: 0 1 auto
   font-size: $counter-font-size
   min-height: $counter-min-height
-  line-height: 1
+  line-height: $counter-line-height
diff --git a/packages/vuetify/src/components/VCounter/_variables.scss b/packages/vuetify/src/components/VCounter/_variables.scss
@@ -1,4 +1,5 @@
 @import '../../styles/styles.sass';
 
 $counter-font-size: 12px !default;
+$counter-line-height: $counter-font-size !default;
 $counter-min-height: 12px !default;
diff --git a/packages/vuetify/src/components/VMessages/VMessages.sass b/packages/vuetify/src/components/VMessages/VMessages.sass
@@ -18,7 +18,7 @@
     text-align: right
 
   &__message
-    line-height: normal
+    line-height: $messages-line-height
     word-break: break-word
     overflow-wrap: break-word
     word-wrap: break-word

diff --git a/packages/vuetify/src/components/VMessages/_variables.scss b/packages/vuetify/src/components/VMessages/_variables.scss
@@ -1,4 +1,5 @@
 @import '../../styles/styles.sass';
 
 $messages-font-size: 12px !default;
+$messages-line-height: $messages-font-size !default;
 $messages-min-height: 14px !default;