Fix: schwebende Kopfzeile blockierte Karten-Klicks (Farmer unbedienbar)
Ursache: die transparente ggs-header ueber der Vollbild-Leaflet-Karte fing alle Klicks ab -> Pflanzen unmoeglich. Fix zentral: Container pointer-events:none, nur Bedienelemente pointer-events:auto (Karte darunter bleibt bedienbar). Gilt fuer alle Karten/Canvas-Sims. Farmer: Pille nach links (Vollbreite-Header, Steuerung rechts), Leaflet-Zoom nach unten links verschoben. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -34,6 +34,17 @@
|
|||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* WICHTIG bei Vollbild-Karten/Canvas: die schwebende Zeile darf die
|
||||||
|
Karte darunter nicht blockieren. Der Container ist klick-durchlässig,
|
||||||
|
nur die tatsächlichen Bedienelemente fangen Klicks. */
|
||||||
|
.ggs-header--float { pointer-events: none; }
|
||||||
|
.ggs-header--float .ggs-hpille,
|
||||||
|
.ggs-header--float .ggs-btn-ghost,
|
||||||
|
.ggs-header--float .ggs-header-actions > button,
|
||||||
|
.ggs-header--float .ggs-header-actions > a,
|
||||||
|
.ggs-header--float .ggs-tempo,
|
||||||
|
.ggs-header--float .ggs-music-wrap { pointer-events: auto; }
|
||||||
|
|
||||||
/* --- Marken-Pille: Kreis-Logo · Titel · Level ---------------- */
|
/* --- Marken-Pille: Kreis-Logo · Titel · Level ---------------- */
|
||||||
.ggs-header--float .ggs-hpille {
|
.ggs-header--float .ggs-hpille {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -22,8 +22,9 @@
|
|||||||
|
|
||||||
/* ===== Topbar ===== */
|
/* ===== Topbar ===== */
|
||||||
.ggs-topbar {
|
.ggs-topbar {
|
||||||
position: absolute; top: 8px; right: 8px; left: auto; z-index: 1001;
|
position: absolute; top: 8px; left: 8px; right: 8px; z-index: 1001;
|
||||||
display: flex; gap: 8px; align-items: center; font-size: 13px;
|
display: flex; gap: 8px; align-items: center; font-size: 13px;
|
||||||
|
pointer-events: none; /* leere Bereiche zur Karte durchlassen */
|
||||||
}
|
}
|
||||||
.ggs-topbar a {
|
.ggs-topbar a {
|
||||||
text-decoration: none; background: #f1ede2; color: #2a2a2a;
|
text-decoration: none; background: #f1ede2; color: #2a2a2a;
|
||||||
@@ -788,6 +789,8 @@ const map = L.map('map', {
|
|||||||
maxBounds: [[-85, -180], [85, 180]],
|
maxBounds: [[-85, -180], [85, 180]],
|
||||||
maxBoundsViscosity: 1.0,
|
maxBoundsViscosity: 1.0,
|
||||||
});
|
});
|
||||||
|
// Zoom-Bedienung nach unten links (oben links ist jetzt die Marken-Pille)
|
||||||
|
map.zoomControl.setPosition('bottomleft');
|
||||||
L.tileLayer(TILE_URL, {
|
L.tileLayer(TILE_URL, {
|
||||||
attribution: '© <a href="https://carto.com/attributions">CARTO</a> © OpenStreetMap',
|
attribution: '© <a href="https://carto.com/attributions">CARTO</a> © OpenStreetMap',
|
||||||
maxZoom: 18,
|
maxZoom: 18,
|
||||||
|
|||||||
Reference in New Issue
Block a user