Merge pull request #88 from Sybit-Education/fix/hamburger-over-filter

Fixed hamburger z-index / Hide on router change
Sybit-Education · Aug 2, 2024 · 570efe0 · 570efe0
2 parents b683df9 + c3b7ea3
commit 570efe0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
@@ -43,7 +43,7 @@
 <div class="w-full relative z-[-1] min-h-[50px] max-h-[50px] h-[50px] bg-transparent"></div>
 @if(isHamburgerMenuActive) {
     <div class="show-on-mobile">
-        <div class="fixed w-screen h-screen bg-[#6bc4f6] z-[999] flex flex-col pt-5 gap-y-5">
+        <div class="fixed w-screen h-screen bg-[#6bc4f6] z-[49] flex flex-col pt-5 gap-y-5">
             <a href="/" class="text-white font-semibold text-3xl transition-all ease-in duration-75 active:translate-x-5 hover:translate-x-5 flex flex-row gap-x-5 ml-5"><i class="bi bi-collection"></i>Für dich</a>
             <a href="/map" class="text-white font-semibold text-3xl transition-all ease-in duration-75 active:translate-x-5 hover:translate-x-5 flex flex-row gap-x-5 ml-5"><i class="bi bi-map"></i>Karte</a>
             <a href="/favorites" class="text-white font-semibold text-3xl transition-all ease-in duration-75 active:translate-x-5 hover:translate-x-5 flex flex-row gap-x-5 ml-5"><i class="bi bi-bookmark"></i>Favoriten</a>

diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts
@@ -30,6 +30,7 @@ export class NavbarComponent {
         this.router.events.subscribe(() => {
             this.isRootUrl = this.router.url === '/';
             this.isMapUrl = this.router.url === '/map';
+            this.isHamburgerMenuActive = false;
         });
     }