fix gaps in minimal widths

adobecom · Dec 11, 2024 · 2c01de0 · 2c01de0
1 parent a7b12d7
commit 2c01de0
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 0 deletions.
diff --git a/libs/deps/mas/mas.js b/libs/deps/mas/mas.js
diff --git a/libs/deps/mas/merch-card.js b/libs/deps/mas/merch-card.js
@@ -1364,6 +1364,10 @@ merch-card[variant='twp'] merch-offer-select {
             overflow: hidden;
         }
 
+        :host([variant='ccd-slice']) * {
+          overflow: hidden;
+        }
+
         :host([variant='ccd-suggested']:hover) {
             --consonant-merch-card-border-color: #cacaca;
         }
@@ -1499,10 +1503,15 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link {
             flex-flow: wrap;
         }
 
+        :host([variant='ccd-slice']) * {
+          overflow: hidden;
+        }
+
         :host([variant='ccd-slice']) ::slotted([slot='body-s']) {
             font-size: var(--consonant-merch-card-body-xs-font-size);
             line-height: var(--consonant-merch-card-body-xxs-line-height);
             max-width: 154px;
+            max-height: 54px;
             overflow: hidden;
         }
 

diff --git a/libs/features/mas/dist/mas.js b/libs/features/mas/dist/mas.js
diff --git a/libs/features/mas/src/variants/ccd-slice.js b/libs/features/mas/src/variants/ccd-slice.js
@@ -51,10 +51,15 @@ export class CCDSlice extends VariantLayout {
             flex-flow: wrap;
         }
 
+        :host([variant='ccd-slice']) * {
+          overflow: hidden;
+        }
+
         :host([variant='ccd-slice']) ::slotted([slot='body-s']) {
             font-size: var(--consonant-merch-card-body-xs-font-size);
             line-height: var(--consonant-merch-card-body-xxs-line-height);
             max-width: 154px;
+            max-height: 54px;
             overflow: hidden;
         }
 

diff --git a/libs/features/mas/src/variants/ccd-suggested.js b/libs/features/mas/src/variants/ccd-suggested.js
@@ -63,6 +63,10 @@ export class CCDSuggested extends VariantLayout {
             overflow: hidden;
         }
 
+        :host([variant='ccd-slice']) * {
+          overflow: hidden;
+        }
+
         :host([variant='ccd-suggested']:hover) {
             --consonant-merch-card-border-color: #cacaca;
         }