diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2cc36e298..91fe594a3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Changed
- Introduced tabs on the home page
+- Changed the menu icon if the menu is open on mobile
## 1.28.0 - 24.07.2021
diff --git a/apps/client/src/app/components/header/header.component.html b/apps/client/src/app/components/header/header.component.html
index 9d566f7de..71e61464f 100644
--- a/apps/client/src/app/components/header/header.component.html
+++ b/apps/client/src/app/components/header/header.component.html
@@ -106,6 +106,8 @@
class="no-min-width px-1"
mat-flat-button
[matMenuTriggerFor]="accountMenu"
+ (menuClosed)="onMenuClosed()"
+ (menuOpened)="onMenuOpened()"
>
diff --git a/apps/client/src/app/components/header/header.component.ts b/apps/client/src/app/components/header/header.component.ts
index a1e1d09bf..8d8923b22 100644
--- a/apps/client/src/app/components/header/header.component.ts
+++ b/apps/client/src/app/components/header/header.component.ts
@@ -38,6 +38,7 @@ export class HeaderComponent implements OnChanges {
public hasPermissionForSubscription: boolean;
public hasPermissionToAccessAdminControl: boolean;
public impersonationId: string;
+ public isMenuOpen: boolean;
private unsubscribeSubject = new Subject();
@@ -84,6 +85,14 @@ export class HeaderComponent implements OnChanges {
window.location.reload();
}
+ public onMenuClosed() {
+ this.isMenuOpen = false;
+ }
+
+ public onMenuOpened() {
+ this.isMenuOpen = true;
+ }
+
public onSignOut() {
this.signOut.next();
}