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:
@@ -320,7 +320,7 @@
|
|||||||
'summary',
|
'summary',
|
||||||
{ className: 'filter-panel__summary', attrs: { 'aria-label': 'Filter & Suche ein-/ausblenden' } },
|
{ 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' }),
|
el('span', { className: 'filter-panel__summary-text', text: 'Filter & Suche' }),
|
||||||
]
|
]
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -172,6 +172,15 @@
|
|||||||
});
|
});
|
||||||
L.control.zoom({ position: 'topright' }).addTo(map);
|
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.openstreetmap.org verlangt seit 2024 einen gültigen HTTP-Referer
|
||||||
// (Tile Usage Policy). Seiten, die per file:// geöffnet werden, senden
|
// (Tile Usage Policy). Seiten, die per file:// geöffnet werden, senden
|
||||||
// browserseitig grundsätzlich keinen Referer mit ("Access blocked: Referer
|
// browserseitig grundsätzlich keinen Referer mit ("Access blocked: Referer
|
||||||
|
|||||||
Reference in New Issue
Block a user