Versions and Environment
Vuetify: 1.0.6
Vue: 2.5.16
Browsers: Chrome 65.0.3325.162
OS: Windows 10
Steps to reproduce
Notice how all the v-divider components and bottom borders of v-select are all differ in height visually, depending on the page zoom (usually seen in this range 100% - 125%) and lots of other variables (even adding padding somewhere on the top might affect all the following elements).
You can even see it on the Vuetify's docs page:
It's very noticeable on the v-select components with class="input-group--focused" usually when you have several of the them on the same they look very different depending on their placement and surrounding components.
Example 1:
Example 2:
Example 3:
Expected Behavior
To have the same height visually.
Actual Behavior
Described above
Reproduction Link
https://codepen.io/anon/pen/BrLNPa?editors=1000
Versions and Environment
Vuetify: 1.0.6
Vue: 2.5.16
Browsers: Chrome 65.0.3325.162
OS: Windows 10
Steps to reproduce
Notice how all the
v-dividercomponents and bottom borders ofv-selectare all differ in height visually, depending on the page zoom (usually seen in this range 100% - 125%) and lots of other variables (even adding padding somewhere on the top might affect all the following elements).You can even see it on the Vuetify's docs page:
It's very noticeable on the
v-selectcomponents withclass="input-group--focused"usually when you have several of the them on the same they look very different depending on their placement and surrounding components.Example 1:
Example 2:
Example 3:
Expected Behavior
To have the same height visually.
Actual Behavior
Described above
Reproduction Link
https://codepen.io/anon/pen/BrLNPa?editors=1000