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:
@@ -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 {
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren