Fix: Leaflet lokal hosten + Container-Hoehe explizit setzen

- Leaflet JS/CSS + MarkerCluster lokal in /static/vendor/ (kein CDN)
- Marker-Images lokal gehostet
- Container-Hoehe wird per JS berechnet falls gridstack 0px liefert
- gridstack karte-Item: display flex auf item-content
- Kein CDN-Abhaengigkeit mehr fuer Kartenfeature

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Dieser Commit ist enthalten in:
claude-dev
2026-03-04 22:51:15 +01:00
Ursprung 8ff4f5618f
Commit 248536f1d5
11 geänderte Dateien mit 782 neuen und 18 gelöschten Zeilen

Datei anzeigen

@@ -4145,11 +4145,9 @@ a:hover {
/* === Karten-Kachel (Leaflet) === */
.map-card {
position: absolute;
inset: 0;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.map-card .card-header {
flex-shrink: 0;
@@ -4160,21 +4158,30 @@ a:hover {
font-family: var(--font-body);
}
.map-container {
flex: 1;
flex: 1 1 0;
position: relative;
z-index: 1;
min-height: 0;
}
/* Leaflet braucht eine absolute Hoehe - wir setzen sie per JS,
aber als Fallback nutzen wir eine CSS-Regel */
.map-container .leaflet-container {
width: 100% !important;
height: 100% !important;
}
.map-empty {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
inset: 0;
height: 100%;
color: var(--text-tertiary);
font-size: 13px;
font-family: var(--font-body);
}
/* gridstack-item-content muss Hoehe durchreichen */
[gs-id="karte"] > .grid-stack-item-content {
display: flex;
flex-direction: column;
}
/* Leaflet-Popup-Overrides */
.map-popup-container .leaflet-popup-content-wrapper {