adam/mc-webui
1
0
Fork 0
mirror of https://github.com/MarekWo/mc-webui.git synced 2026-08-08 01:32:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(paths): add backdrop between map picker and Contact Info modal

Browse Source 
Raises the z-index of the map modal (1070) and its backdrop (1060)
so the Contact Info modal behind is visually grayed out, making it
clear which modal is active.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
MarekWo
2026-03-23 08:38:25 +01:00
parent a0a957289e
commit 0bca19e936
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/js/dm.js
+6
View File
@@ -2069,6 +2069,12 @@ function openRepeaterMapPicker() {
const modal = new bootstrap.Modal(modalEl);
const onShown = async function () {
// Raise backdrop z-index so it covers the Contact Info modal behind
const backdrops = document.querySelectorAll('.modal-backdrop');
if (backdrops.length > 1) {
backdrops[backdrops.length - 1].style.zIndex = '1060';
}
// Init map once
if (!_rptMap) {
_rptMap = L.map('rptLeafletMap').setView([52.0, 19.0], 6);
app/templates/dm.html
+2 -1
View File
@@ -182,6 +182,7 @@
#rptLeafletMap { z-index: 1; }
#rptLeafletMap .leaflet-top,
#rptLeafletMap .leaflet-bottom { z-index: 1000; }
/* Map modal backdrop stacks above Contact Info modal */
</style>
</head>
<body>
@@ -407,7 +408,7 @@
</div>
<!-- Repeater Map Picker Modal -->
<div class="modal fade" id="repeaterMapModal" tabindex="-1">
<div class="modal fade" id="repeaterMapModal" tabindex="-1" style="z-index: 1070;">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header py-2">