Sonnensystem: linke Sidebar schmaler (280->244), Datum-Feld + lange Labels gekuerzt

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-08-25 20:48:04 +02:00
parent 77a3e2f16c
commit 5b6c25bcd9
+5 -5
View File
@@ -22,7 +22,7 @@
padding: 10px;
padding-bottom: max(10px, env(safe-area-inset-bottom));
border-radius: 12px;
width: 280px;
width: 244px;
max-height: 92dvh;
overflow-y: auto;
box-shadow: 0 4px 20px rgba(0,0,0,.5);
@@ -853,8 +853,8 @@
</div>
<div class="subsection-label" data-i18n="lblJumpDate">Datum & Uhrzeit</div>
<div class="row" style="display:flex;gap:6px;flex-wrap:wrap">
<input type="date" id="date-jump-date" style="flex:1 1 130px;min-width:130px">
<input type="time" id="date-jump-time" value="12:00" step="60" style="flex:0 0 95px">
<input type="date" id="date-jump-date" style="flex:1 1 110px;min-width:110px">
<input type="time" id="date-jump-time" value="12:00" step="60" style="flex:0 0 86px">
</div>
<!-- versteckter Combined-Wert, von JS gepflegt für Rückwärtskompatibilität -->
<input type="hidden" id="date-jump">
@@ -898,7 +898,7 @@
</label>
<label class="checkbox-row">
<input type="checkbox" id="photon-toggle">
<span>💡 Photon zeigen (Sonne → Erde → Mond)</span>
<span>💡 Photon-Weg (☀️→🌍→🌙)</span>
</label>
<label class="checkbox-row">
<input type="checkbox" id="months-toggle">
@@ -922,7 +922,7 @@
<button data-cam="earth">🌍🌙 <span data-i18n="camEarthMoon">Earth+Moon</span></button>
<button data-cam="earth-close">🌎 <span data-i18n="camEarthClose">Earth close</span></button>
<button data-cam="moon-near">🌙 <span data-i18n="camMoonClose">Moon close</span></button>
<button data-cam="spaceship" style="grid-column: span 2">🚀 Raumschiff (Drohnenflug)</button>
<button data-cam="spaceship" style="grid-column: span 2">🚀 Raumschiff</button>
</div>
<div class="row" style="margin-top:8px">
<label>🔍 <span data-i18n="lblZoom">Zoom</span></label>