Skip to content

Commit

Permalink
TMS-1021: Remove image carousel modal max-height
Browse files Browse the repository at this point in the history
  • Loading branch information
eebbi committed Mar 21, 2024
1 parent 9c0ba8b commit 558fa2c
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 14 deletions.
2 changes: 2 additions & 0 deletions CHANGELOG.MD
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.

## [Unreleased]

- TMS-1021: Remove image carousel modal max-height

## [1.2.2] - 2024-03-18

- TMS-1017: Add image alt-text to imported news single-article
Expand Down
23 changes: 9 additions & 14 deletions assets/styles/layouts/_image-carousel.scss
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
display: inline-block;
overflow: hidden;
max-width: 70vw;

img {
object-fit: contain;
clip-path: circle(closest-side);
Expand Down Expand Up @@ -40,7 +40,7 @@

&.slick-arrow {
background-color: transparent;
border:none;
border: none;

.icon {
fill: $white;
Expand All @@ -64,7 +64,7 @@
right: 0;
}
}

.image-carousel__item {
height: 80vh;
display: flex !important;
Expand All @@ -77,33 +77,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;
width: 100%;
}


}


}

.slick-track .modal-trigger:focus {
Expand Down

0 comments on commit 558fa2c

Please sign in to comment.