mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[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:
committed by
Eugenio Romano
parent
a7d058fd2e
commit
7da9bd89cb
@@ -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;
|
||||
|
@@ -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', () => {
|
||||
|
Reference in New Issue
Block a user