You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Vuetify Version: 3.5.17 Last working version: 3.4.2 Vue Version: 3.4.14 Browsers: Chrome 124.0.0.0, Microsoft Edge OS: Windows 10
Steps to reproduce
Create a v-icon and take note of it's height/width. Also take note of the --v-icon-size-multiplier.
Create a v-chip and either A) place the v-icon in the content area of the chip OR B) use prepend-icon or append-icon and note the difference in the height/width of the icon. Also take note of the --v-icon-size-multiplier.
Expected Behavior
Consistent value of --v-icon-size-multiplier. We want the icon to be appropriately sized relative to the surrounding font size (as is v-icon's design) regardless of the component it's within.
Actual Behavior
--v-icon-size-multiplier produces undesired sizes within v-chip due to
.v-chip .v-icon {
--v-icon-size-multiplier: 0.8571428571;
}
within vuetify-labs.css
Environment
Vuetify Version: 3.5.17
Last working version: 3.4.2
Vue Version: 3.4.14
Browsers: Chrome 124.0.0.0, Microsoft Edge
OS: Windows 10
Steps to reproduce
Expected Behavior
Consistent value of --v-icon-size-multiplier. We want the icon to be appropriately sized relative to the surrounding font size (as is v-icon's design) regardless of the component it's within.
Actual Behavior
--v-icon-size-multiplier produces undesired sizes within v-chip due to
.v-chip .v-icon {
--v-icon-size-multiplier: 0.8571428571;
}
within vuetify-labs.css
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
Thank you!
The text was updated successfully, but these errors were encountered: