inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-4984] Focus indicator is not clearly visible- mat-expansion-panel (#5217)

Browse Source 
* [ADF-4984] make focused item visible

- the focus-fix will be done to all expansion-panels with upgrade to @angular/material 8.2.3

* [ADF-4984] make focused mat-expansion-panels visible

- get fix from @angular/material 8.2.3

* [ADF-4984] renaming
This commit is contained in:
Suzana Dirla 2019-11-08 20:26:35 +02:00 committed by Denys Vuika
parent 3fa6410e57
commit 192f93fdce
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
lib/core/styles/_index.scss
View File

@ -70,4 +70,5 @@
@include adf-sidenav-layout-theme($theme);
@include adf-clipboard-theme($theme);
@include adf-snackbar-theme($theme);
@include mat-expansion-panel-theme--fix($theme);
}

14
lib/core/styles/_mixins.scss
View File

@ -65,3 +65,17 @@
height: 100%;
overflow: hidden;
}
@mixin mat-expansion-panel-theme--fix($theme) {
$background: map-get($theme, background);
.mat-expansion-panel {
& .mat-expansion-panel-header.cdk-keyboard-focused,
& .mat-expansion-panel-header.cdk-program-focused,
&:not(.mat-expanded) .mat-expansion-panel-header:hover {
&:not([aria-disabled='true']) {
background: mat-color($background, hover);
}
}
}
}