diff --git a/.changeset/fresh-experts-lie.md b/.changeset/fresh-experts-lie.md new file mode 100644 index 00000000..5fca1c85 --- /dev/null +++ b/.changeset/fresh-experts-lie.md @@ -0,0 +1,6 @@ +--- +"@tapsioss/web-components": patch +--- + +Resolve issue of excessive growing body within discount-card wrapper. + \ No newline at end of file diff --git a/packages/web-components/src/discount-card/discount-card.style.ts b/packages/web-components/src/discount-card/discount-card.style.ts index 0c3edb86..321d3461 100644 --- a/packages/web-components/src/discount-card/discount-card.style.ts +++ b/packages/web-components/src/discount-card/discount-card.style.ts @@ -131,7 +131,8 @@ const styles: CSSResult = css` .header-title { padding: var(--discount-card-header-title-padding); - flex: 1 0 auto; + flex: 1 1 auto; + min-width: 0; font-size: var(--tapsi-typography-label-sm-size); font-weight: var(--tapsi-typography-label-sm-weight); line-height: var(--tapsi-typography-label-sm-height); @@ -219,7 +220,8 @@ const styles: CSSResult = css` .body { padding: var(--tapsi-spacing-6); - flex: 1 0 auto; + flex: 1 1 auto; + min-width: 0; } .title { diff --git a/packages/web-components/src/discount-card/discount-card.ts b/packages/web-components/src/discount-card/discount-card.ts index a0ed6262..f08abb90 100644 --- a/packages/web-components/src/discount-card/discount-card.ts +++ b/packages/web-components/src/discount-card/discount-card.ts @@ -257,7 +257,10 @@ export class DiscountCard extends LitElement { }); return html` -