removed images and added pixel png

adobecom · Sep 19, 2024 · 8273f59 · 8273f59
1 parent 3a656a7
commit 8273f59
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 2 deletions.
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
@@ -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
@@ -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
diff --git a/libs/features/mas/web-components/test/img/max.png b/libs/features/mas/web-components/test/img/max.png
diff --git a/libs/features/mas/web-components/test/img/pixel.png b/libs/features/mas/web-components/test/img/pixel.png
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
@@ -53,7 +53,7 @@
                 <sp-button size="s" focusable>Buy now</sp-button>
             </div>
             <div slot="image">
-              <img src="./img/creative-cloud.png" alt="">
+              <img src="./img/pixel.png" alt="">
             </div>
             </merch-card
           >
@@ -75,7 +75,7 @@
         <sp-button size="s" focusable>Register now</sp-button>
     </div>
     <div slot="image">
-      <img src="./img/max.png" alt="">
+      <img src="./img/pixel.png" alt="">
     </div>
     </merch-card>
   </sp-theme>