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,