Commits

Tim Donohue authored and GitHub committed f04f73edfa0 Merge
Merge pull request #2149 from alexandrevryghem/media-viewer-thumbnail-width_contribute-main

Media viewer thumbnails don't take viewport width into account
No tags
gidlmaster

src/app/item-page/media-viewer/media-viewer-image/media-viewer-image.component.scss

Modified
1 -.ngx-gallery {
2 - display: inline-block;
3 - margin-bottom: 20px;
4 - width: 340px !important;
5 - height: 279px !important;
1 +:host ::ng-deep {
2 + .ngx-gallery {
3 + width: unset !important;
4 + height: unset !important;
5 + }
6 +
7 + ngx-gallery-image {
8 + max-width: 340px !important;
9 +
10 + .ngx-gallery-image {
11 + background-position: left;
12 + }
13 + }
14 +
15 + ngx-gallery-image:after {
16 + padding-top: 75%;
17 + display: block;
18 + content: '';
19 + }
6 20 }

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut