We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
Vuetify Version: 3.7.2 Vue Version: 3.5.12 Browsers: Chrome 129.0.0.0 OS: Linux x86_64
v-list
v-list-item
v-avatar
prepend
v-badge
The spacing between the avatar and the title is consistent for both list items
The list item with the badge around the avatar will have more spacing between the avatar and title than the other list item.
https://play.vuetifyjs.com/#...
The text was updated successfully, but these errors were encountered:
fix(VListItem): fix avatar-badge spacing
f7f316f
fixes vuetifyjs#20573
This issue also affects slim list items and the append slot. I've taken a stab at fixing this issue here: https://github.com/zaviermiller/vuetify/pull/1/files
Sorry, something went wrong.
Successfully merging a pull request may close this issue.
Environment
Vuetify Version: 3.7.2
Vue Version: 3.5.12
Browsers: Chrome 129.0.0.0
OS: Linux x86_64
Steps to reproduce
v-list
v-list-item
s inside the listv-avatar
in the list itemprepend
slot, and give each one a title (it can be with the component or the prop)v-badge
componentExpected Behavior
The spacing between the avatar and the title is consistent for both list items
Actual Behavior
The list item with the badge around the avatar will have more spacing between the avatar and title than the other list item.
Reproduction Link
https://play.vuetifyjs.com/#...
The text was updated successfully, but these errors were encountered: