hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 01:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2149 from alexandrevryghem/media-viewer-thumbnail-width_contribute-main

Browse Source 
Media viewer thumbnails don't take viewport width into account
This commit is contained in:
Tim Donohue
2023-03-28 16:20:20 -05:00
committed by GitHub
parent 4ff68da423 ebfef74adb
commit f04f73edfa
4 changed files with 31 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,20 @@
.ngx-gallery {
display: inline-block;
margin-bottom: 20px;
width: 340px !important;
height: 279px !important;
:host ::ng-deep {
.ngx-gallery {
width: unset !important;
height: unset !important;
}
ngx-gallery-image {
max-width: 340px !important;
.ngx-gallery-image {
background-position: left;
}
}
ngx-gallery-image:after {
padding-top: 75%;
display: block;
content: '';
}
}

10
src/app/item-page/media-viewer/media-viewer-video/media-viewer-video.component.scss
View File

@@ -1,4 +1,10 @@
video {
width: 340px;
height: 279px;
width: 100%;
height: auto;
max-width: 340px;
}
.buttons {
display: flex;
gap: .25rem;
}

4
src/app/item-page/simple/item-types/publication/publication.component.html
View File

@@ -20,9 +20,9 @@
<ds-thumbnail [thumbnail]="object?.thumbnail | async"></ds-thumbnail>
</ds-metadata-field-wrapper>
</ng-container>
<ng-container *ngIf="mediaViewer.image">
<div *ngIf="mediaViewer.image" class="mb-2">
<ds-themed-media-viewer [item]="object" [videoOptions]="mediaViewer.video"></ds-themed-media-viewer>
</ng-container>
</div>
<ds-themed-item-page-file-section [item]="object"></ds-themed-item-page-file-section>
<ds-item-page-date-field [item]="object"></ds-item-page-date-field>
<ds-themed-metadata-representation-list class="ds-item-page-mixed-author-field"

4
src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
View File

@@ -21,9 +21,9 @@
<ds-thumbnail [thumbnail]="object?.thumbnail | async"></ds-thumbnail>
</ds-metadata-field-wrapper>
</ng-container>
<ng-container *ngIf="mediaViewer.image">
<div *ngIf="mediaViewer.image" class="mb-2">
<ds-themed-media-viewer [item]="object" [videoOptions]="mediaViewer.video"></ds-themed-media-viewer>
</ng-container>
</div>
<ds-themed-item-page-file-section [item]="object"></ds-themed-item-page-file-section>
<ds-item-page-date-field [item]="object"></ds-item-page-date-field>
<ds-themed-metadata-representation-list class="ds-item-page-mixed-author-field"