Update to latest ADF alpha (#1079)

* update to latest ADF alpha version

* better date column display - ellipsis fix

* renaming to prepare to clean-up document-list scss overrides

* fix ellipsis display & cells min-width

* update to a more latest ADF alpha
This commit is contained in:
Suzana Dirla
2019-04-17 20:15:39 +01:00
committed by Denys Vuika
parent 1519008de2
commit 434ab8a655
7 changed files with 57 additions and 66 deletions
@@ -54,7 +54,9 @@ import { TranslationService } from '@alfresco/adf-core';
`,
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
host: { class: 'aca-location-link adf-location-cell aca-column-content' }
host: {
class: 'aca-location-link adf-location-cell adf-datatable-content-cell'
}
})
export class LocationLinkComponent implements OnInit {
private _path: PathInfo;
@@ -36,7 +36,9 @@ import { isLocked } from '../../../utils/node.utils';
templateUrl: './name-column.component.html',
styleUrls: ['name-column.component.scss'],
encapsulation: ViewEncapsulation.None,
host: { class: ' aca-column-content adf-datatable-link adf-name-column' }
host: {
class: ' adf-datatable-content-cell adf-datatable-link adf-name-column'
}
})
export class CustomNameColumnComponent extends NameColumnComponent
implements OnInit, OnDestroy {
+1 -1
View File
@@ -95,7 +95,7 @@ $foreground: map-get($custom-theme, foreground);
//Custom variables - ACA specific styling:
$document-list-selection-color: mat-color($alfresco-ecm-blue, 500);
$document-list-background: white;
$document-list-thumbnail-width: 35px;
$data-table-thumbnail-width: 35px;
$adf-pagination--border: 1px solid mat-color($foreground, text, 0.07);
$adf-pagination__empty--height: 0;
@@ -10,19 +10,25 @@
$document-list-background: mat-color($background, background) !default;
$document-list-text-color: mat-color($foreground, text, 0.54) !default;
$document-list-name-text-color: mat-color($foreground, text) !default;
$document-list-thumbnail-width: 50px !default;
$data-table-thumbnail-width: 50px !default;
.adf-datatable-list {
border: none;
.adf-datatable-cell-container {
.aca-column-content,
.adf-datatable-content-cell,
.adf-name-column,
.adf-library-name-column,
.adf-trashcan-name-column {
.adf-trashcan-name-column,
.adf-name-location-cell {
position: absolute;
max-width: calc(100% - 0px);
.adf-datatable-cell-value {
text-overflow: ellipsis;
overflow: hidden;
}
// remove this style once the [ADF-4401] issue is fixed:
&.adf-datatable-cell {
.adf-datatable-cell-value {
@@ -49,9 +55,9 @@
}
.adf-datatable-cell--image {
min-width: $document-list-thumbnail-width;
width: $document-list-thumbnail-width;
max-width: $document-list-thumbnail-width;
min-width: $data-table-thumbnail-width;
width: $data-table-thumbnail-width;
max-width: $data-table-thumbnail-width;
}
}
@@ -72,14 +78,14 @@
.adf-datatable-cell {
padding: 0 2px;
box-sizing: border-box;
min-width: 100px;
min-width: 120px;
&.adf-no-grow-cell {
min-width: 120px;
&.adf-datatable-cell--fileSize {
min-width: 80px;
}
&:first-child {
min-width: $document-list-thumbnail-width;
min-width: $data-table-thumbnail-width;
}
&:focus {
+5 -5
View File
@@ -1090,7 +1090,7 @@
"title": "APP.DOCUMENT_LIST.COLUMNS.MODIFIED_ON",
"type": "date",
"format": "timeAgo",
"class": "adf-ellipsis-cell adf-no-grow-cell",
"class": "adf-ellipsis-cell",
"sortable": true,
"desktopOnly": true
},
@@ -1224,7 +1224,7 @@
"key": "modifiedAt",
"title": "APP.DOCUMENT_LIST.COLUMNS.MODIFIED_ON",
"type": "date",
"class": "adf-ellipsis-cell adf-no-grow-cell",
"class": "adf-ellipsis-cell",
"format": "timeAgo",
"sortable": true,
"desktopOnly": true
@@ -1291,7 +1291,7 @@
"title": "APP.DOCUMENT_LIST.COLUMNS.MODIFIED_ON",
"type": "date",
"format": "timeAgo",
"class": "adf-ellipsis-cell adf-no-grow-cell",
"class": "adf-ellipsis-cell",
"sortable": true,
"desktopOnly": true
}
@@ -1339,7 +1339,7 @@
"title": "APP.DOCUMENT_LIST.COLUMNS.MODIFIED_ON",
"type": "date",
"format": "timeAgo",
"class": "adf-ellipsis-cell adf-no-grow-cell",
"class": "adf-ellipsis-cell",
"sortable": true,
"desktopOnly": true
},
@@ -1396,7 +1396,7 @@
"title": "APP.DOCUMENT_LIST.COLUMNS.DELETED_ON",
"type": "date",
"format": "timeAgo",
"class": "adf-ellipsis-cell adf-no-grow-cell",
"class": "adf-ellipsis-cell",
"sortable": true,
"desktopOnly": true
}