inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* [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
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/content-services/content-node-selector/content-node-selector-panel.component.html
View File

@@ -84,7 +84,7 @@
</data-column>
<data-column key="modifiedAt" type="date" format="timeAgo" class="adf-content-selector-modified-cell"></data-column>
<data-column key="createdByUser.displayName" type="text" class="adf-content-selector-modifier-cell"></data-column>
<data-column key="visibility" type="text"></data-column>
<data-column key="visibility" type="text" class="adf-content-selector-visibility-cell"></data-column>
</data-columns>
</adf-document-list>

47
lib/content-services/content-node-selector/content-node-selector-panel.component.scss
View File

@@ -84,15 +84,20 @@
height: 200px;
overflow: auto;
border: 1px solid mat-color($foreground, base, 0.07);
padding: 1px;
border-top: 0;
.adf-highlight {
color: mat-color($primary);
}
.adf-data-table {
.adf-datatable-list {
border: none;
.adf-datatable-selected {
height: 100%;
width: 100%;
}
.adf-datatable-selected > svg {
fill: #00bcd4 !important;
}
@@ -102,29 +107,14 @@
border: none !important;
}
.adf-data-table-cell {
padding-top: 8px;
padding-bottom: 8px;
height: 30px;
.adf-datatable-cell {
& .adf-name-location-cell-location {
display: none;
}
& .adf-name-location-cell-name {
padding: 0;
}
&--image {
padding: 8px 16px;
}
&--text {
padding: 8px 16px;
}
&:first-of-type {
padding: 8px 16px;
&.adf-content-selector-visibility-cell {
display: none;
}
}
@@ -132,13 +122,13 @@
height: auto !important;
&:first-child {
.adf-data-table-cell {
.adf-datatable-cell {
border-top: none;
}
}
&:last-child {
.adf-data-table-cell {
.adf-datatable-cell {
border-bottom: none;
}
}
@@ -146,11 +136,10 @@
}
&-searchLayout {
height: auto !important;
.adf-data-table {
.adf-data-table-cell {
height: 56px;
padding-bottom: 8px;
.adf-datatable-list {
.adf-datatable-cell {
& .adf-name-location-cell-location {
display: block;
@@ -168,10 +157,8 @@
display: none;
}
&--image {
padding-left: 16px;
padding-right: 8px;
padding-bottom: 8px;
&.adf-content-selector-visibility-cell {
display: none;
}
}
}