Adminator/geograsim
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Thomas
2026-08-25 20:48:04 +02:00
parent 77a3e2f16c
commit 5b6c25bcd9
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
App/sims/sonnensystem/game.html
+5 -5
View File
@@ -22,7 +22,7 @@
padding: 10px; padding: 10px;
padding-bottom: max(10px, env(safe-area-inset-bottom)); padding-bottom: max(10px, env(safe-area-inset-bottom));
border-radius: 12px; border-radius: 12px;
width: 280px; width: 244px;
max-height: 92dvh; max-height: 92dvh;
overflow-y: auto; overflow-y: auto;
box-shadow: 0 4px 20px rgba(0,0,0,.5); box-shadow: 0 4px 20px rgba(0,0,0,.5);
@@ -853,8 +853,8 @@
</div> </div>
<div class="subsection-label" data-i18n="lblJumpDate">Datum & Uhrzeit</div> <div class="subsection-label" data-i18n="lblJumpDate">Datum & Uhrzeit</div>
<div class="row" style="display:flex;gap:6px;flex-wrap:wrap"> <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="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 95px"> <input type="time" id="date-jump-time" value="12:00" step="60" style="flex:0 0 86px">
</div> </div>
<!-- versteckter Combined-Wert, von JS gepflegt für Rückwärtskompatibilität --> <!-- versteckter Combined-Wert, von JS gepflegt für Rückwärtskompatibilität -->
<input type="hidden" id="date-jump"> <input type="hidden" id="date-jump">
@@ -898,7 +898,7 @@
</label> </label>
<label class="checkbox-row"> <label class="checkbox-row">
<input type="checkbox" id="photon-toggle"> <input type="checkbox" id="photon-toggle">
<span>💡 Photon zeigen (Sonne → Erde → Mond)</span> <span>💡 Photon-Weg (☀️→🌍→🌙)</span>
</label> </label>
<label class="checkbox-row"> <label class="checkbox-row">
<input type="checkbox" id="months-toggle"> <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">🌍🌙 <span data-i18n="camEarthMoon">Earth+Moon</span></button>
<button data-cam="earth-close">🌎 <span data-i18n="camEarthClose">Earth close</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="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>
<div class="row" style="margin-top:8px"> <div class="row" style="margin-top:8px">
<label>🔍 <span data-i18n="lblZoom">Zoom</span></label> <label>🔍 <span data-i18n="lblZoom">Zoom</span></label>