[ADF-4122] Add sticky header feature to datatable and refactor styles (#4370)

* [ADF-4122] Add sticky header config to datatable and refactor styles

* [ADF-4122] Fix core unit tests

* [ADF-4122] Commit requested changes

* [ADF-4122] Fix e2e tests

* Update docs/core/datatable.component.md

Co-Authored-By: davidcanonieto <david.cano@alfresco.com>
This commit is contained in:
davidcanonieto
2019-03-01 17:23:31 +01:00
committed by Eugenio Romano
parent a7d058fd2e
commit 7da9bd89cb
27 changed files with 418 additions and 323 deletions

View File

@@ -2,10 +2,15 @@
$foreground: map-get($theme, foreground);
$accent: map-get($theme, accent);
.mat-icon.adf-datatable-selected {
height: 100%;
width: 100%;
margin-left: -2px;
margin-top: 2px;
}
.adf-datatable-selected > svg {
fill: mat-color($accent);
margin-top: -4px;
margin-left: -4px;
width: 32px;
height: 32px;
}
@@ -154,7 +159,7 @@
}
.adf-datatable-gallery-thumbnails {
.adf-data-table-card .adf-datatable-row {
.adf-datatable-card .adf-datatable-row {
height: 300px !important;
img {
@@ -168,7 +173,7 @@
justify-content: center;
}
.adf-data-table-cell.adf-datatable-table-cell.adf-data-table-cell--image {
.adf-datatable-cell.adf-datatable-table-cell.adf-datatable-cell--image {
flex: 0 0 auto;
display: flex;
flex-direction: column-reverse;

View File

@@ -218,7 +218,7 @@ describe('DocumentList', () => {
fixture.detectChanges();
expect(element.querySelector('.adf-data-table-card')).toBeDefined();
expect(element.querySelector('.adf-datatable-card')).toBeDefined();
});
it('should use the base document list style if cardview is false', () => {
@@ -226,8 +226,8 @@ describe('DocumentList', () => {
fixture.detectChanges();
expect(element.querySelector('.adf-data-table-card')).toBe(null);
expect(element.querySelector('.adf-data-table')).toBeDefined();
expect(element.querySelector('.adf-datatable-card')).toBe(null);
expect(element.querySelector('.adf-datatable')).toBeDefined();
});
it('should reset selection upon reload', () => {