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;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
|
||||
@@ -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: '© <a href="https://carto.com/attributions">CARTO</a> © OpenStreetMap',
|
||||
maxZoom: 18,
|
||||
|
||||
Reference in New Issue
Block a user