From f7f316fa1bba5303ca59d4d7261e06ca7274ad75 Mon Sep 17 00:00:00 2001 From: Zavier Miller Date: Sat, 12 Oct 2024 15:28:07 -0500 Subject: [PATCH] fix(VListItem): fix avatar-badge spacing fixes #20573 --- .../src/components/VList/VListItem.sass | 26 ++++++++++++------- 1 file changed, 16 insertions(+), 10 deletions(-) diff --git a/packages/vuetify/src/components/VList/VListItem.sass b/packages/vuetify/src/components/VList/VListItem.sass index 3dfb6b0b782..da3aaba712c 100644 --- a/packages/vuetify/src/components/VList/VListItem.sass +++ b/packages/vuetify/src/components/VList/VListItem.sass @@ -80,11 +80,11 @@ ~ .v-list-item__spacer width: $list-item-icon-margin-start - > .v-avatar ~ .v-list-item__spacer - width: $list-item-avatar-margin-start + > .v-avatar, + > .v-badge:has(.v-avatar) + ~ .v-list-item__spacer + width: $list-item-avatar-margin-start - > .v-list-item-action ~ .v-list-item__spacer - width: $list-item-action-spacer-width .v-list-item--slim & > .v-badge, @@ -93,8 +93,10 @@ ~ .v-list-item__spacer width: $list-item-slim-spacer-width - > .v-avatar ~ .v-list-item__spacer - width: $list-item-slim-avatar-spacer-width + > .v-avatar, + > .v-badge:has(.v-avatar) + ~ .v-list-item__spacer + width: $list-item-slim-avatar-spacer-width > .v-list-item-action ~ .v-list-item__spacer width: $list-item-slim-action-spacer-width @@ -118,8 +120,10 @@ ~ .v-list-item__spacer width: $list-item-icon-margin-end - > .v-avatar ~ .v-list-item__spacer - width: $list-item-avatar-margin-end + > .v-avatar, + > .v-badge:has(.v-avatar) + ~ .v-list-item__spacer + width: $list-item-avatar-margin-end > .v-list-item-action ~ .v-list-item__spacer width: $list-item-action-spacer-width @@ -131,8 +135,10 @@ ~ .v-list-item__spacer width: $list-item-slim-spacer-width - > .v-avatar ~ .v-list-item__spacer - width: $list-item-slim-avatar-spacer-width + > .v-avatar, + > .v-badge:has(.v-avatar) + ~ .v-list-item__spacer + width: $list-item-slim-avatar-spacer-width > .v-list-item-action ~ .v-list-item__spacer width: $list-item-slim-action-spacer-width