[ADF-3119] Document list styles refactored for datatable thumbnails (#3766)

This commit is contained in:
davidcanonieto 2018-09-12 14:32:48 +02:00 committed by Eugenio Romano
parent 42d6d2351a
commit a1bc382074
3 changed files with 27 additions and 2 deletions

View File

@ -20,7 +20,8 @@
(rowClick)="onNodeClick($event.value?.node)"
(rowDblClick)="onNodeDblClick($event.value?.node)"
(row-select)="onNodeSelect($event.detail)"
(row-unselect)="onNodeUnselect($event.detail)">
(row-unselect)="onNodeUnselect($event.detail)"
[class.adf-datatable-gallery-thumbnails]="data.thumbnails">
<div *ngIf="!isEmptyTemplateDefined()">
<no-content-template>

View File

@ -152,4 +152,28 @@
}
}
}
.adf-datatable-gallery-thumbnails {
.adf-data-table-card .adf-datatable-row {
height: 300px !important;
img {
height: 100px;
}
:first-child .cell-container .cell-value {
display: flex;
width: 265px;
flex: 0 0 auto;
justify-content: center;
}
.adf-data-table-cell.adf-datatable-table-cell.adf-data-table-cell--image {
flex: 0 0 auto;
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
}
}
}
}

View File

@ -45,7 +45,7 @@
max-width: 288px !important;
min-width: 288px !important;
height: 200px !important;
height: 200px;
overflow: hidden !important;
margin: 6px;