TMS-1021: Fix image alignment in image-carousel modal

devgeniem · Mar 20, 2024 · 2ad051b · 2ad051b
1 parent b6ce253
commit 2ad051b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/CHANGELOG.MD b/CHANGELOG.MD
@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+- TMS-1021: Fix image alignment in image-carousel modal
+
 ## [1.54.6] - 2024-03-18
 
 - TMS-996: Change bold image-caption text to normal

diff --git a/assets/styles/ui-components/_modal.scss b/assets/styles/ui-components/_modal.scss
@@ -106,28 +106,26 @@
                 }
             }
 
-            .slick-slide{
-                padding:0.588rem;
+            .slick-slide {
+                align-self: center;
+                padding: 0.588rem;
             }
 
             .slick-current {
                 &:focus {
-                    outline:0;
+                    outline: 0;
                     .image-carousel__item {
                         outline: .125rem solid $white;
                         outline-offset: .25rem;
                     }
                 }
             }
-
         }
 
         .image-carousel__item {
             img {
-                @include until($desktop) {
-                    max-height: 80vh;
-                    object-fit: contain;
-                }
+                max-height: 80vh;
+                object-fit: contain;
             }
         }
     }