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(); }