panels header visual accessibility (#5162)

This commit is contained in:
Cilibiu Bogdan
2019-10-16 14:52:06 +03:00
committed by Eugenio Romano
parent 8bb8231a83
commit 2f1a5943b6
2 changed files with 7 additions and 1 deletions

View File

@@ -3,7 +3,6 @@
<mat-expansion-panel
*ngIf="displayDefaultProperties"
[expanded]="canExpandProperties()"
[hideToggle]="canExpandProperties()"
[attr.data-automation-id]="'adf-metadata-group-properties'" >
<mat-expansion-panel-header>
<mat-panel-title role="heading">

View File

@@ -1,6 +1,13 @@
@mixin adf-content-metadata-theme($theme) {
$background: map-get($theme, background);
$panel-header-hover: mat-color($background, hover);
.adf {
&-metadata-properties {
.mat-expansion-panel-header.mat-expanded:hover,
.mat-expansion-panel-header.mat-expanded:focus {
background: $panel-header-hover;
}
mat-expansion-panel-header {
height: 64px;