feat(file-preview-card): add description (#2474)

eBay · Oct 25, 2024 · 67a224b · 67a224b
1 parent 94f4201
commit 67a224b
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 6 deletions.
diff --git a/.changeset/real-sheep-cough.md b/.changeset/real-sheep-cough.md
@@ -0,0 +1,5 @@
+---
+"@ebay/skin": patch
+---
+
+Add description to file preview card
diff --git a/dist/file-preview-card/file-preview-card.css b/dist/file-preview-card/file-preview-card.css
@@ -37,6 +37,7 @@ video.file-preview-card__asset {
 }
 
 .file-preview-card__asset--fade {
+    background-color: inherit;
     opacity: 0.5;
 }
 
@@ -45,16 +46,19 @@ video.file-preview-card__asset {
     width: 40%;
 }
 
-.icon-btn.file-preview-card__action {
+.file-preview-card__body .icon-btn {
     height: var(--spacing-400);
+    width: var(--spacing-400);
+}
+
+.file-preview-card__body > .file-preview-card__action {
     position: absolute;
     right: var(--spacing-100);
     top: var(--spacing-100);
-    width: var(--spacing-400);
     z-index: 1;
 }
 
-.file-preview-card__action:dir(rtl) {
+.file-preview-card__body > .file-preview-card__action:dir(rtl) {
     left: var(--spacing-100);
     right: auto;
 }

diff --git a/src/sass/file-preview-card/file-preview-card.scss b/src/sass/file-preview-card/file-preview-card.scss
@@ -53,16 +53,19 @@ video.file-preview-card__asset {
     width: 40%;
 }
 
-.icon-btn.file-preview-card__action {
+.file-preview-card__body .icon-btn {
     height: var(--spacing-400);
+    width: var(--spacing-400);
+}
+
+.file-preview-card__body > .file-preview-card__action {
     position: absolute;
     right: var(--spacing-100);
     top: var(--spacing-100);
-    width: var(--spacing-400);
     z-index: 1;
 }
 
-.file-preview-card__action:dir(rtl) {
+.file-preview-card__body > .file-preview-card__action:dir(rtl) {
     left: var(--spacing-100);
     right: auto;
 }