tudor/school_compare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix header z-index to prevent map overlap when scrolling
All checks were successful
Build and Push Docker Images / Build Backend (FastAPI) (push) Successful in 34s
Details
Build and Push Docker Images / Build Frontend (Next.js) (push) Successful in 1m12s
Details
Build and Push Docker Images / Trigger Portainer Update (push) Successful in 1s
Details

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Tudor
2026-02-04 12:06:48 +00:00
parent cc4e95b383
commit c0f44cd29d
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nextjs-app/app/globals.css
View File

@@ -86,7 +86,7 @@ body {
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 100; z-index: 1000;
} }
.header-content { .header-content {

2
nextjs-app/components/Navigation.module.css
View File

@@ -1,7 +1,7 @@
.header { .header {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 100; z-index: 1000;
background: var(--bg-card, white); background: var(--bg-card, white);
border-bottom: 1px solid var(--border-color, #e5dfd5); border-bottom: 1px solid var(--border-color, #e5dfd5);
box-shadow: 0 2px 8px rgba(26, 22, 18, 0.06); box-shadow: 0 2px 8px rgba(26, 22, 18, 0.06);