css fixes for datatable (#4471)

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

View File

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

View File

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