From b835475ef7d9dcac4f3b85fc82266fe2ebe5e4ef Mon Sep 17 00:00:00 2001 From: Thomas Date: Tue, 25 Aug 2026 15:20:33 +0200 Subject: [PATCH] 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 --- App/assets/css/ggs-header.css | 11 +++++++++++ App/sims/farmer/game.html | 5 ++++- 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/App/assets/css/ggs-header.css b/App/assets/css/ggs-header.css index 4a74634..446d732 100644 --- a/App/assets/css/ggs-header.css +++ b/App/assets/css/ggs-header.css @@ -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; diff --git a/App/sims/farmer/game.html b/App/sims/farmer/game.html index fa10567..eac10e4 100644 --- a/App/sims/farmer/game.html +++ b/App/sims/farmer/game.html @@ -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: '© CARTO © OpenStreetMap', maxZoom: 18,