fix: fixed border-radius of the card img

openedx · Aug 9, 2023 · 954063f · 954063f
1 parent 0902f62
commit 954063f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/Card/_variables.scss b/src/Card/_variables.scss
@@ -41,7 +41,7 @@ $card-logo-bottom-offset-horizontal: .4375rem !default;
 $card-logo-width:                    7.25rem !default;
 $card-logo-height:                   4.125rem !default;
 
-$card-image-border-radius:           .3125rem !default;
+$card-image-border-radius:           $card-border-radius !default;
 $card-logo-border-radius:            .25rem !default;
 
 $card-footer-text-font-size:         $x-small-font-size;

diff --git a/src/Card/index.scss b/src/Card/index.scss
@@ -88,7 +88,6 @@ a.pgn__card {
 
 .pgn__card {
   outline: none;
-  overflow: hidden;
 
   @include pgn-box-shadow(1, "down");
 
@@ -295,6 +294,8 @@ a.pgn__card {
     object-fit: cover;
     max-height: inherit;
     width: 100%;
+    border-top-left-radius: $card-image-border-radius;
+    border-top-right-radius: $card-image-border-radius;
     display: none;
 
     &.show {
@@ -313,6 +314,9 @@ a.pgn__card {
       .pgn__card-image-cap {
         height: 100%;
         max-width: inherit;
+        border-top-left-radius: $card-image-border-radius;
+        border-top-right-radius: 0;
+        border-bottom-left-radius: $card-image-border-radius;
         width: auto;
         object-fit: cover;
       }