Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report][3.5.17] --v-icon-size-multiplier value within .v-chip .v-icon class #19715

Open
treybradshaw opened this issue Apr 29, 2024 · 1 comment

Comments

@treybradshaw
Copy link

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

  1. Create a v-icon and take note of it's height/width. Also take note of the --v-icon-size-multiplier.
  2. 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

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Thank you!

@KaelWD
Copy link
Member

KaelWD commented Apr 29, 2024

I don't know what the reason for this was: 6969bf7

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants