TMS-1021: Remove image carousel modal max-height (#29)

devgeniem · Mar 26, 2024 · d2f63a5 · d2f63a5
1 parent bfb4fdc
commit d2f63a5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 16 deletions.
diff --git a/CHANGELOG.MD b/CHANGELOG.MD
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 ## [1.3.3] - 2024-03-26
 
 - TMS-1013: Add event weekly entry dates to event partial
+- TMS-1021: Remove image carousel modal max-height
 
 ## [1.3.2] - 2024-03-18
 

diff --git a/assets/styles/layouts/_image-carousel.scss b/assets/styles/layouts/_image-carousel.scss
@@ -12,7 +12,7 @@
             display: inline-block;
             overflow: hidden;
             max-width: 70vw;
-            
+
             img {
                 object-fit: contain;
                 clip-path: circle(closest-side);
@@ -36,11 +36,11 @@
         }
 
 
-    &__modal-control{
+    &__modal-control {
 
         &.slick-arrow {
             background-color: transparent;
-            border:none;
+            border: none;
 
             .icon {
                 fill: $white;
@@ -64,7 +64,7 @@
                 right: 0;
             }
         }
-       
+
         .image-carousel__item {
             display: flex !important;
             flex-direction: column;
@@ -76,33 +76,28 @@
                 width: auto;
             }
         }
-    
-        .img-wrapper{
-            flex:2 1 auto;
+
+        .img-wrapper {
+            flex :2 1 auto;
             max-height: 100%;
-            height:auto;
+            height: auto;
             min-width: 0;
             min-height: 50%;
             display: flex;
             align-items: flex-end;
 
-            img{
+            img {
                 max-width: 100%;
-                max-height: 100% !important;
                 min-height: 100px;
                 object-fit: contain;
             }
         }
-    
+
         .image-block__meta {
-            flex:1 1 auto;
+            flex: 1 1 auto;
             width: 100%;
         }
-
-
     }
-
-
 }
 
 .slick-track .modal-trigger:focus {