pilot-vault/PilotVault
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Map settings popover rendering under the Live map

Browse Source 
The popover sat below Leaflet's map panes and controls (z-index up to
1000), so it was obscured by the map. Lift the control wrapper and popover
to z-index 1200 (with the click-catcher backdrop just under it) so the
menu renders above the map.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
tajniak81
2026-07-13 22:39:08 +02:00
co-authored by Claude Opus 4.8
parent fee171a71f
commit 2509fb9c07
5 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Web App/server/dist/assets/index-Bvd5MzZB.css
Vendored
-1
View File
File diff suppressed because one or more lines are too long
Web App/server/dist/assets/index-Dk_VY0uv.js → Web App/server/dist/assets/index-CYlCe7LJ.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
Web App/server/dist/assets/index-Cy2Ed59q.css
Vendored
+1
View File
File diff suppressed because one or more lines are too long
Web App/server/dist/index.html
Vendored
+2 -2
View File
@@ -35,8 +35,8 @@
})()
</script>
<title>PilotVault — Control Panel</title>
<script type="module" crossorigin src="./assets/index-Dk_VY0uv.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-Bvd5MzZB.css">
<script type="module" crossorigin src="./assets/index-CYlCe7LJ.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-Cy2Ed59q.css">
</head>
<body>
<div id="app"></div>
Web App/web/src/components/Dashboard.vue
+3 -3
View File
@@ -437,7 +437,7 @@ onBeforeUnmount(() => {
<span class="h-1.5 w-1.5 rounded-full bg-current"></span>{{ flyingCount }} drones
</span>
<!-- Map settings -->
<div class="relative">
<div class="relative z-[1200]">
<button
type="button"
class="grid h-7 w-7 place-items-center rounded-md text-ink-muted transition hover:bg-surface-2 hover:text-ink"
@@ -449,8 +449,8 @@ onBeforeUnmount(() => {
<Icon name="settings" :size="16" />
</button>
<template v-if="mapMenu">
<div class="fixed inset-0 z-10" @click="mapMenu = false"></div>
<div class="panel absolute right-0 z-20 mt-1.5 w-64 p-3.5 shadow-lg">
<div class="fixed inset-0 z-[1190]" @click="mapMenu = false"></div>
<div class="panel absolute right-0 z-[1200] mt-1.5 w-64 p-3.5 shadow-lg">
<div class="eyebrow mb-2.5">Map settings</div>
<label class="flex items-center justify-between gap-3">
<span class="text-sm text-ink-secondary">Show live air traffic</span>