diff --git a/src/static/css/style.css b/src/static/css/style.css index 9148535..644c818 100644 --- a/src/static/css/style.css +++ b/src/static/css/style.css @@ -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 { diff --git a/src/static/dashboard.html b/src/static/dashboard.html index 3b34af4..7ff7b66 100644 --- a/src/static/dashboard.html +++ b/src/static/dashboard.html @@ -13,10 +13,10 @@ - - - - + + + +
Zum Hauptinhalt springen @@ -558,12 +558,12 @@ - - - - - - - + + + + + + +