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

css fixes for datatable (#4471)

Browse Source
This commit is contained in:
Denys Vuika
2019-03-20 21:33:06 +00:00
committed by Eugenio Romano
parent b8d3a5b878
commit 505aad4cb5
4 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demo-shell/src/app/components/files/files.component.html
View File

@@ -211,7 +211,7 @@
</mat-menu> </mat-menu>
</adf-toolbar> </adf-toolbar>
<div [ngClass]="{'adf-sticky-document-list': stickyHeader }"> <div class="adf-document-list-container" [ngClass]="{'adf-sticky-document-list': stickyHeader }">
<adf-document-list <adf-document-list
#documentList #documentList
class="adf-file-list-container" class="adf-file-list-container"

8
demo-shell/src/app/components/files/files.component.scss
View File

@@ -44,6 +44,14 @@
height: 32px; height: 32px;
} }
.adf-document-list-container {
min-height: 400px;
.adf-datatable-list {
min-height: 400px;
}
}
.adf-datatable-card .adf-lock-button { .adf-datatable-card .adf-lock-button {
top: -10px; top: -10px;
} }

7
lib/core/datatable/components/datatable/datatable.component.scss
View File

@@ -181,7 +181,7 @@
@include material-animation-default(0.28s); @include material-animation-default(0.28s);
transition-property: background-color; transition-property: background-color;
border-top: $data-table-dividers; border-top: $data-table-dividers;
min-height: 65px; min-height: $data-table-row-height;
cursor: pointer; cursor: pointer;
@include adf-no-select; @include adf-no-select;
@@ -193,6 +193,10 @@
&.adf-is-selected, &.adf-is-selected:hover { &.adf-is-selected, &.adf-is-selected:hover {
background-color: $data-table-selection-color; background-color: $data-table-selection-color;
} }
&:last-child {
border-bottom: $data-table-dividers;
}
} }
} }
@@ -533,6 +537,7 @@
.adf-datatable-body { .adf-datatable-body {
.adf-datatable-row { .adf-datatable-row {
background-color: mat-color($background, card); background-color: mat-color($background, card);
border: none !important;
&:hover, &:focus { &:hover, &:focus {
background-color: unset; background-color: unset;

3
lib/core/datatable/components/datatable/datatable.component.ts
View File

@@ -43,7 +43,8 @@ export enum DisplayMode {
selector: 'adf-datatable', selector: 'adf-datatable',
styleUrls: ['./datatable.component.scss'], styleUrls: ['./datatable.component.scss'],
templateUrl: './datatable.component.html', templateUrl: './datatable.component.html',
encapsulation: ViewEncapsulation.None encapsulation: ViewEncapsulation.None,
host: { class: 'adf-datatable' }
}) })
export class DataTableComponent implements AfterContentInit, OnChanges, DoCheck, OnDestroy { export class DataTableComponent implements AfterContentInit, OnChanges, DoCheck, OnDestroy {