-
-
Notifications
You must be signed in to change notification settings - Fork 7k
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.7.2] Badge over avatar in list item prepend slot causes inconsistent spacing #20573
Open
zaviermiller opened this issue
Oct 12, 2024
· 1 comment
· May be fixed by zaviermiller/vuetify#1 or #20588
Open
[Bug Report][3.7.2] Badge over avatar in list item prepend slot causes inconsistent spacing #20573
zaviermiller opened this issue
Oct 12, 2024
· 1 comment
· May be fixed by zaviermiller/vuetify#1 or #20588
Labels
Comments
This issue also affects slim list items and the append slot. I've taken a stab at fixing this issue here: https:/zaviermiller/vuetify/pull/1/files |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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: