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!