From 4eb595aa81fde127d8d535087f78076f2307c6a8 Mon Sep 17 00:00:00 2001 From: Hermann Date: Tue, 28 Jul 2026 12:49:53 +0200 Subject: [PATCH] Filter-Icon durch Aufklapp-Chevron ersetzt, Karte bei Spaltenresize neu berechnen MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Icon im eingeklappten Zustand von Lupe (wirkte wie Such-Icon) auf ein Chevron (◂) geändert, das klar als Aufklappen-Symbol erkennbar ist. - ResizeObserver auf dem Kartencontainer ruft map.invalidateSize() auf, sobald sich dessen Größe ändert (z.B. beim Ein-/Ausklappen der Filter-Spalte). Ohne das blieb der neu hinzugewonnene Kartenbereich grau/leer, bis die Karte manuell bewegt wurde. Co-Authored-By: Claude Sonnet 5 --- js/filters/filterPanel.js | 2 +- js/map/mapController.js | 9 +++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/js/filters/filterPanel.js b/js/filters/filterPanel.js index ecd9586..6f5e9a9 100644 --- a/js/filters/filterPanel.js +++ b/js/filters/filterPanel.js @@ -320,7 +320,7 @@ 'summary', { className: 'filter-panel__summary', attrs: { 'aria-label': 'Filter & Suche ein-/ausblenden' } }, [ - el('span', { className: 'filter-panel__summary-icon', attrs: { 'aria-hidden': 'true' }, text: '🔍' }), + el('span', { className: 'filter-panel__summary-icon', attrs: { 'aria-hidden': 'true' }, text: '◂' }), el('span', { className: 'filter-panel__summary-text', text: 'Filter & Suche' }), ] ); diff --git a/js/map/mapController.js b/js/map/mapController.js index 75dd875..7181dda 100644 --- a/js/map/mapController.js +++ b/js/map/mapController.js @@ -172,6 +172,15 @@ }); L.control.zoom({ position: 'topright' }).addTo(map); + // Leaflet merkt Größenänderungen seines Containers nicht selbst (z.B. + // wenn die Filter-Spalte auf Desktop ein-/ausklappt und dadurch die + // Kartenspalte breiter/schmaler wird) - ohne invalidateSize() bleibt der + // neu hinzugewonnene Bereich grau/leer, bis man die Karte anfasst. + if (typeof ResizeObserver !== 'undefined') { + const resizeObserver = new ResizeObserver(() => map.invalidateSize()); + resizeObserver.observe(map.getContainer()); + } + // tile.openstreetmap.org verlangt seit 2024 einen gültigen HTTP-Referer // (Tile Usage Policy). Seiten, die per file:// geöffnet werden, senden // browserseitig grundsätzlich keinen Referer mit ("Access blocked: Referer