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-4196] Improve Datatable component row click selection (#4411)

Browse Source
This commit is contained in:
davidcanonieto
2019-03-13 12:12:33 +00:00
committed by Eugenio Romano
parent 9c33eeeb81
commit 250e5e52c4
3 changed files with 24 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -181,8 +181,10 @@
@include material-animation-default(0.28s);
transition-property: background-color;
border-top: $data-table-dividers;
padding-top: 12px;
padding-bottom: 12px;
min-height: 65px;
cursor: pointer;
@include adf-no-select;
&:hover {
background-color: $data-table-hover-color;
@@ -249,6 +251,13 @@
box-sizing: border-box;
white-space: nowrap;
&:focus {
outline-offset: -1px;
outline-width: 1px;
outline-color: rgb(68, 138, 255);
outline-style: solid;
}
&.adf-sortable {
@include adf-no-select;
&:hover {
@@ -303,9 +312,15 @@
.adf-datatable-cell, .adf-datatable-cell-header {
flex: 1;
padding: 0;
align-items: center;
display: flex;
min-height: inherit;
.adf-datatable-cell-container {
overflow: hidden;
min-height: inherit;
align-items: center;
display: flex;
}
.adf-datatable-cell-value {
@@ -316,6 +331,8 @@
.adf-cell-value {
display: flex;
min-height: inherit;
align-items: center;
}
.adf-datatable__actions-cell, .adf-datatable-cell--image {
@@ -365,10 +382,6 @@
}
}
.adf-expand-cell {
}
.adf-ellipsis-cell {
position: sticky;
text-overflow: ellipsis;
@@ -388,7 +401,7 @@
display: block;
width: calc(100% - 2em);
position: absolute;
margin-top: -10px;
// margin-top: -10px;
}
}