From 2f1a5943b6eab2cdde28c7a92db14b5cdea5066e Mon Sep 17 00:00:00 2001
From: Cilibiu Bogdan <pionnegru@users.noreply.github.com>
Date: Wed, 16 Oct 2019 14:52:06 +0300
Subject: [PATCH] panels header visual accessibility (#5162)

---
 .../content-metadata/content-metadata.component.html       | 1 -
 .../content-metadata/content-metadata.component.scss       | 7 +++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/lib/content-services/content-metadata/components/content-metadata/content-metadata.component.html b/lib/content-services/content-metadata/components/content-metadata/content-metadata.component.html
index ae45ca2712..e59987eb9c 100644
--- a/lib/content-services/content-metadata/components/content-metadata/content-metadata.component.html
+++ b/lib/content-services/content-metadata/components/content-metadata/content-metadata.component.html
@@ -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">
diff --git a/lib/content-services/content-metadata/components/content-metadata/content-metadata.component.scss b/lib/content-services/content-metadata/components/content-metadata/content-metadata.component.scss
index 8f0b14cb18..a84f2cccc2 100644
--- a/lib/content-services/content-metadata/components/content-metadata/content-metadata.component.scss
+++ b/lib/content-services/content-metadata/components/content-metadata/content-metadata.component.scss
@@ -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;