Filter-Icon durch Aufklapp-Chevron ersetzt, Karte bei Spaltenresize neu berechnen

- 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 <noreply@anthropic.com>
This commit is contained in:
2026-07-28 12:49:53 +02:00
co-authored by Claude Sonnet 5
parent 3a5348830c
commit 4eb595aa81
2 changed files with 10 additions and 1 deletions
+1 -1
View File
@@ -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' }),
]
);
+9
View File
@@ -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