fix: InfoBox auf 500px fixiert + iframe 100% breit

width:auto funktioniert nicht bei Cesium InfoBox (iframe-basiert).
Feste 500px + iframe width:100% damit der Inhalt voll sichtbar ist.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Dev
2026-03-27 22:30:42 +01:00
Ursprung 414ebdb210
Commit 8936d40fa4

Datei anzeigen

@@ -436,25 +436,7 @@ html, body { height: 100%; overflow: hidden; background: var(--bg-primary); colo
color: var(--text);
}
/* === InfoBox: Links neben dem Layer-Panel === */
.cesium-viewer-infoBoxContainer {
position: absolute !important;
top: 52px !important;
left: 254px !important;
right: auto !important;
transform: none !important;
max-width: 600px !important;
width: auto !important; min-width: 280px !important;
max-height: 70vh !important;
z-index: 150 !important;
}
.cesium-infoBox {
max-height: 70vh !important;
overflow-y: auto !important;
border-radius: 8px !important;
box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
}
/* === InfoBox: Links neben dem Layer-Panel === */.cesium-viewer-infoBoxContainer { position: absolute !important; top: 52px !important; left: 264px !important; right: auto !important; transform: none !important; width: 500px !important; max-height: 70vh !important; z-index: 150 !important;}.cesium-infoBox { width: 100% !important; max-height: 70vh !important; overflow-y: auto !important; border-radius: 8px !important; box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;}.cesium-infoBox-iframe { width: 100% !important; min-height: 200px !important;}
/* === Wetter Dot === */
.dot-weather { background: #44bbff; }