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

#895 fix grid layout

Browse Source
This commit is contained in:
Dániel Péter Sipos
2020-10-16 14:53:58 +02:00
parent f7883492c6
commit 622871fcde
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/shared/object-grid/object-grid.component.html
View File

@@ -11,10 +11,10 @@
(sortDirectionChange)="onSortDirectionChange($event)" (sortDirectionChange)="onSortDirectionChange($event)"
(sortFieldChange)="onSortFieldChange($event)" (sortFieldChange)="onSortFieldChange($event)"
(paginationChange)="onPaginationChange($event)"> (paginationChange)="onPaginationChange($event)">
<div class="card-columns row" *ngIf="objects?.hasSucceeded"> <div class="container" *ngIf="objects?.hasSucceeded">
<div class="card-column col col-sm-6 col-lg-4" *ngFor="let column of (columns$ | async)" @fadeIn> <div class=" card-columns row" *ngFor="let column of (columns$ | async)" @fadeIn>
<div class="card-element" *ngFor="let object of column"> <div class="card-column col-md-4 col-12" *ngFor="let object of column">
<ds-listable-object-component-loader [object]="object" [viewMode]="viewMode" [context]="context" [linkType]="linkType"></ds-listable-object-component-loader> <ds-listable-object-component-loader class="card-element" [object]="object" [viewMode]="viewMode" [context]="context" [linkType]="linkType"></ds-listable-object-component-loader>
</div> </div>
</div> </div>
</div> </div>

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

@@ -19,6 +19,7 @@ $ds-wrapper-grid-spacing: $spacer/2;
.card-columns { .card-columns {
margin-left: -$ds-wrapper-grid-spacing; margin-left: -$ds-wrapper-grid-spacing;
margin-right: -$ds-wrapper-grid-spacing; margin-right: -$ds-wrapper-grid-spacing;
column-gap: 0;
.card-column { .card-column {
padding-left: $ds-wrapper-grid-spacing; padding-left: $ds-wrapper-grid-spacing;