From e6b459a5403a52004e5abd49fc518ca8352d8775 Mon Sep 17 00:00:00 2001 From: Yuchao Wu Date: Thu, 1 Aug 2024 10:04:45 +1000 Subject: [PATCH 1/2] fix(VBtn): card-actions add margin-inline-start only for for direct btns --- packages/vuetify/src/components/VBtn/VBtn.sass | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/vuetify/src/components/VBtn/VBtn.sass b/packages/vuetify/src/components/VBtn/VBtn.sass index 13984b4b2fa..33c46263ff6 100644 --- a/packages/vuetify/src/components/VBtn/VBtn.sass +++ b/packages/vuetify/src/components/VBtn/VBtn.sass @@ -233,9 +233,8 @@ // VCard .v-btn - ~ .v-btn:not(.v-btn-toggle .v-btn) - .v-card-actions & - margin-inline-start: $button-card-actions-margin + .v-card-actions > & + margin-inline-start: $button-card-actions-margin // VPagination .v-btn From 6b2ce1fa38e07747ef3d1b9374cc58f7ec908217 Mon Sep 17 00:00:00 2001 From: Yuchao Wu Date: Fri, 2 Aug 2024 09:32:57 +1000 Subject: [PATCH 2/2] docs: explain the change in docs --- packages/docs/src/pages/en/components/cards.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/docs/src/pages/en/components/cards.md b/packages/docs/src/pages/en/components/cards.md index ed260d8e50a..79a5a00e09a 100644 --- a/packages/docs/src/pages/en/components/cards.md +++ b/packages/docs/src/pages/en/components/cards.md @@ -41,7 +41,7 @@ The `v-card` component is a stylish way to wrap different types of content; such | [v-card-title](/api/v-card-title/) | Sub-component used to display the Card's title. Wraps the `#title` slot | | [v-card-subtitle](/api/v-card-subtitle/) | Sub-component used to display the Card's subtitle. Wraps the `#subtitle` slot. | | [v-card-text](/api/v-card-text/) | Sub-component used to display the Card's text. Wraps the `#text` slot. | -| [v-card-actions](/api/v-card-actions/) | Sub-component that modifies the default styling of [v-btn](/components/buttons/). Wraps the `#actions` slot | +| [v-card-actions](/api/v-card-actions/) | Sub-component that modifies the default styling of [v-btn](/components/buttons/) that are its direct children. Wraps the `#actions` slot |