diff --git a/libs/features/mas/web-components/src/variants/ccd-slice.css.js b/libs/features/mas/web-components/src/variants/ccd-slice.css.js index 527d143c73..a5a144b969 100644 --- a/libs/features/mas/web-components/src/variants/ccd-slice.css.js +++ b/libs/features/mas/web-components/src/variants/ccd-slice.css.js @@ -17,4 +17,9 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a:not(.con-button) { text-decoration-line: underline; color: var(--merch-color-grey-80); } + + merch-card[variant="ccd-slice"] [slot='image'] img { + overflow: hidden; + border-radius: 50%; + } `; diff --git a/libs/features/mas/web-components/src/variants/ccd-slice.js b/libs/features/mas/web-components/src/variants/ccd-slice.js index 4d0bebfbe5..79df8ae156 100644 --- a/libs/features/mas/web-components/src/variants/ccd-slice.js +++ b/libs/features/mas/web-components/src/variants/ccd-slice.js @@ -67,5 +67,10 @@ export class CCDSlice extends VariantLayout { padding: var(--consonant-merch-spacing-xs); align-self: center; } + + :host([variant='ccd-slice']) ::slotted([slot='image']) img { + overflow: hidden; + border-radius: 50%; + } `; } diff --git a/libs/features/mas/web-components/test/img/creative-cloud.png b/libs/features/mas/web-components/test/img/creative-cloud.png deleted file mode 100644 index 157f7da8b5..0000000000 Binary files a/libs/features/mas/web-components/test/img/creative-cloud.png and /dev/null differ diff --git a/libs/features/mas/web-components/test/img/max.png b/libs/features/mas/web-components/test/img/max.png deleted file mode 100644 index 780416364b..0000000000 Binary files a/libs/features/mas/web-components/test/img/max.png and /dev/null differ diff --git a/libs/features/mas/web-components/test/img/pixel.png b/libs/features/mas/web-components/test/img/pixel.png new file mode 100644 index 0000000000..08c830d9e0 Binary files /dev/null and b/libs/features/mas/web-components/test/img/pixel.png differ diff --git a/libs/features/mas/web-components/test/merch-card.ccd-slice.test.html b/libs/features/mas/web-components/test/merch-card.ccd-slice.test.html index aeecf5c50e..537a8db907 100644 --- a/libs/features/mas/web-components/test/merch-card.ccd-slice.test.html +++ b/libs/features/mas/web-components/test/merch-card.ccd-slice.test.html @@ -53,7 +53,7 @@ Buy now
- +
@@ -75,7 +75,7 @@ Register now
- +