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 { :host ::ng-deep {
display: inline-block; .ngx-gallery {
margin-bottom: 20px; width: unset !important;
width: 340px !important; height: unset !important;
height: 279px !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 { video {
width: 340px; width: 100%;
height: 279px; 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-thumbnail [thumbnail]="object?.thumbnail | async"></ds-thumbnail>
</ds-metadata-field-wrapper> </ds-metadata-field-wrapper>
</ng-container> </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> <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-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-item-page-date-field [item]="object"></ds-item-page-date-field>
<ds-themed-metadata-representation-list class="ds-item-page-mixed-author-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-thumbnail [thumbnail]="object?.thumbnail | async"></ds-thumbnail>
</ds-metadata-field-wrapper> </ds-metadata-field-wrapper>
</ng-container> </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> <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-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-item-page-date-field [item]="object"></ds-item-page-date-field>
<ds-themed-metadata-representation-list class="ds-item-page-mixed-author-field" <ds-themed-metadata-representation-list class="ds-item-page-mixed-author-field"