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

83394: Make grid view thumbnail CSS more specific

Browse Source
This commit is contained in:
Yura Bondarenko
2021-09-08 11:23:57 +02:00
parent ef720170cd
commit 7990510099
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/shared/object-grid/object-grid.component.scss
View File

@@ -1,18 +1,19 @@
:host ::ng-deep { :host ::ng-deep {
--ds-wrapper-grid-spacing: calc(var(--bs-spacer) / 2); --ds-wrapper-grid-spacing: calc(var(--bs-spacer) / 2);
div.thumbnail > .thumbnail-content {
height: var(--ds-card-thumbnail-height);
width: 100%;
display: block;
min-width: 100%;
min-height: 100%;
object-fit: cover;
object-position: 50% 15%;
}
div.card { div.card {
margin-top: var(--ds-wrapper-grid-spacing); margin-top: var(--ds-wrapper-grid-spacing);
margin-bottom: var(--ds-wrapper-grid-spacing); margin-bottom: var(--ds-wrapper-grid-spacing);
div.thumbnail > .thumbnail-content {
height: var(--ds-card-thumbnail-height);
width: 100%;
display: block;
min-width: 100%;
min-height: 100%;
object-fit: cover;
object-position: 50% 15%;
}
} }
} }
@@ -26,4 +27,3 @@
padding-right: var(--ds-wrapper-grid-spacing); padding-right: var(--ds-wrapper-grid-spacing);
} }
} }