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:
2026-08-25 15:20:33 +02:00
parent ec746f250f
commit b835475ef7
2 changed files with 15 additions and 1 deletions
+11
View File
@@ -34,6 +34,17 @@
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 ---------------- */
.ggs-header--float .ggs-hpille {
display: flex;
+4 -1
View File
@@ -22,8 +22,9 @@
/* ===== 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;
pointer-events: none; /* leere Bereiche zur Karte durchlassen */
}
.ggs-topbar a {
text-decoration: none; background: #f1ede2; color: #2a2a2a;
@@ -788,6 +789,8 @@ const map = L.map('map', {
maxBounds: [[-85, -180], [85, 180]],
maxBoundsViscosity: 1.0,
});
// Zoom-Bedienung nach unten links (oben links ist jetzt die Marken-Pille)
map.zoomControl.setPosition('bottomleft');
L.tileLayer(TILE_URL, {
attribution: '&copy; <a href="https://carto.com/attributions">CARTO</a> &copy; OpenStreetMap',
maxZoom: 18,