gr-main-header: Fix hamburger colour when opened
Release-Notes: skip
Change-Id: I6cbbabbc379990a9099d5665d2c558048a7e3f97
diff --git a/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts b/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts
index 3be77db..d133bca 100644
--- a/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts
+++ b/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts
@@ -423,6 +423,10 @@
--gr-button-text-color: var(--header-text-color);
color: var(--header-text-color);
}
+ .hamburger-open {
+ --gr-button-text-color: var(--primary-text-color);
+ color: var(--primary-text-color);
+ }
#mobileSearch {
display: none;
}
@@ -690,7 +694,11 @@
>
${!this.hamburgerClose
? html`<gr-icon icon="menu" filled></gr-icon>`
- : html`<gr-icon icon="menu_open" filled></gr-icon>`}
+ : html`<gr-icon
+ class="hamburger-open"
+ icon="menu_open"
+ filled
+ ></gr-icon>`}
</a>
<a
href=${`//${window.location.host}${getBaseUrl()}/`}