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

improved focus outline for datatable rows (#1503)

Browse Source
This commit is contained in:
Denys Vuika
2017-01-19 15:29:01 +00:00
committed by Eugenio Romano
parent dcee6abc35
commit e3a94fc2d2
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.css
View File

@@ -110,11 +110,14 @@
} }
} }
.mdl-data-table-fix-firefox{ .mdl-data-table-fix-firefox {
border-collapse: unset; border-collapse: unset;
border-spacing: 0; border-spacing: 0;
} }
.alfresco-datatable__row:focus {
outline-offset: -4px;
}
.alfresco-datatable__row--selected { .alfresco-datatable__row--selected {
color: rgb(68,138,255); color: rgb(68,138,255);

1
ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.html
View File

@@ -32,6 +32,7 @@
<tbody> <tbody>
<tr *ngFor="let row of data.getRows(); let idx = index" tabindex="0" <tr *ngFor="let row of data.getRows(); let idx = index" tabindex="0"
class="alfresco-datatable__row"
[class.alfresco-datatable__row--selected]="selectedRow === row"> [class.alfresco-datatable__row--selected]="selectedRow === row">
<td *ngIf="multiselect"> <td *ngIf="multiselect">
<label <label