From 8931fcd6d5b3cda54d34fdbd9983813781f65453 Mon Sep 17 00:00:00 2001 From: FrediWa Date: Wed, 10 Jul 2024 12:19:22 +0300 Subject: [PATCH 1/2] allow the content part the remainder of the width --- packages/details/theme/lumo/vaadin-details-summary-styles.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/details/theme/lumo/vaadin-details-summary-styles.js b/packages/details/theme/lumo/vaadin-details-summary-styles.js index 6c51e66d6d..81fa4db4af 100644 --- a/packages/details/theme/lumo/vaadin-details-summary-styles.js +++ b/packages/details/theme/lumo/vaadin-details-summary-styles.js @@ -61,6 +61,10 @@ const detailsSummary = css` transform: rotate(90deg); } + :host [part='content'] { + flex-grow: 1; + } + /* RTL styles */ :host([dir='rtl']) [part='toggle'] { margin-left: var(--lumo-space-xs); From fcafd71e7d57101a034755c0a15a344279ab7bc7 Mon Sep 17 00:00:00 2001 From: FrediWa Date: Wed, 10 Jul 2024 15:37:27 +0300 Subject: [PATCH 2/2] allow the content part the remainder of the width --- packages/details/theme/lumo/vaadin-details-summary-styles.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/details/theme/lumo/vaadin-details-summary-styles.js b/packages/details/theme/lumo/vaadin-details-summary-styles.js index 81fa4db4af..1b6fc82dea 100644 --- a/packages/details/theme/lumo/vaadin-details-summary-styles.js +++ b/packages/details/theme/lumo/vaadin-details-summary-styles.js @@ -61,7 +61,7 @@ const detailsSummary = css` transform: rotate(90deg); } - :host [part='content'] { + [part='content'] { flex-grow: 1; }