From c0f44cd29d210150b8cffdb595ced296c4a4493e Mon Sep 17 00:00:00 2001 From: Tudor Date: Wed, 4 Feb 2026 12:06:48 +0000 Subject: [PATCH] Fix header z-index to prevent map overlap when scrolling Increased header z-index from 100 to 1000 to ensure it stays above Leaflet map elements (which typically use z-index 400-600). Co-Authored-By: Claude Opus 4.5 --- nextjs-app/app/globals.css | 2 +- nextjs-app/components/Navigation.module.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/nextjs-app/app/globals.css b/nextjs-app/app/globals.css index 285fc85..bf97e41 100644 --- a/nextjs-app/app/globals.css +++ b/nextjs-app/app/globals.css @@ -86,7 +86,7 @@ body { border-bottom: 1px solid var(--border-color); position: sticky; top: 0; - z-index: 100; + z-index: 1000; } .header-content { diff --git a/nextjs-app/components/Navigation.module.css b/nextjs-app/components/Navigation.module.css index 73bad29..c7941cf 100644 --- a/nextjs-app/components/Navigation.module.css +++ b/nextjs-app/components/Navigation.module.css @@ -1,7 +1,7 @@ .header { position: sticky; top: 0; - z-index: 100; + z-index: 1000; background: var(--bg-card, white); border-bottom: 1px solid var(--border-color, #e5dfd5); box-shadow: 0 2px 8px rgba(26, 22, 18, 0.06);