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