mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-10-08 14:51:32 +00:00
[ADF-2990] Datatable - row navigation (#5198)
* datatable row component * add to module * implement datatable row component * use FocusKeyManager for arrows navigation * tests * prevent screen reader to announce undefined value * prevent from bubbling up * fix unit test * fix row locator * fix locator reference * fix row reference locators * fix locator xpath
This commit is contained in:
committed by
Denys Vuika
parent
a150e74366
commit
af6bd0892c
@@ -12,7 +12,7 @@
|
||||
$data-table-cell-text-color: mat-color($foreground, text) !default;
|
||||
$data-table-cell-link-color: mat-color($foreground, text) !default;
|
||||
$data-table-cell-link-hover-color: mat-color($alfresco-ecm-blue, 500) !default;
|
||||
$data-table-cell-outline: 1px solid mat-color($alfresco-ecm-blue, A200) !default;
|
||||
$data-table-outline: 1px solid mat-color($alfresco-ecm-blue, A200) !default;
|
||||
$data-table-divider-color: mat-color($foreground, text, 0.07) !default;
|
||||
$data-table-hover-color: mat-color($background, 'hover') !default;
|
||||
$data-table-selection-color: mat-color($background, 'selected-button') !default;
|
||||
@@ -238,6 +238,11 @@
|
||||
background-color: $data-table-hover-color;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline-offset: -1px;
|
||||
outline: $data-table-outline;
|
||||
}
|
||||
|
||||
&.adf-is-selected, &.adf-is-selected:hover {
|
||||
background-color: $data-table-selection-color;
|
||||
}
|
||||
@@ -416,7 +421,7 @@
|
||||
|
||||
&:focus {
|
||||
outline-offset: -1px;
|
||||
outline: $data-table-cell-outline;
|
||||
outline: $data-table-outline;
|
||||
}
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user