diff --git a/App/assets/css/ggs-header.css b/App/assets/css/ggs-header.css index 484b964..09b32cd 100644 --- a/App/assets/css/ggs-header.css +++ b/App/assets/css/ggs-header.css @@ -12,6 +12,8 @@ /* Werte 1:1 aus admin-styleguide.html (Entwurf B, von Thomas bestätigt) */ .ggs-header--float { + display: flex !important; /* selbsttragend, auch ohne design-system.css */ + align-items: center; background: transparent !important; border-bottom: none !important; height: auto !important; diff --git a/App/sims/sonnensystem/game.html b/App/sims/sonnensystem/game.html index 4d77594..87ec9c5 100644 --- a/App/sims/sonnensystem/game.html +++ b/App/sims/sonnensystem/game.html @@ -485,7 +485,7 @@ ===================================================== */ #obs-launcher { position: absolute; - top: 12px; left: 304px; /* direkt rechts vom UI-Panel (280 px breit + 12 px Margin) */ + top: 64px; left: 268px; /* unter dem Header, rechts vom UI-Panel (244 px + 12 px Margin) */ z-index: 11; /* über dem UI-Panel (z-index 10) */ } #obs-open-btn { @@ -824,9 +824,9 @@ 🏠 - - - + + + @@ -2167,9 +2167,11 @@ function setHighContrast(on) { sunLight.intensity = on ? 2.8 : 2.2; } +const _sunSvg = ''; +const _moonSvg = ''; themeToggle.addEventListener('click', () => { const isLight = uiPanel.classList.toggle('light'); - themeToggle.textContent = isLight ? '🌙' : '☀️'; + themeToggle.innerHTML = isLight ? _moonSvg : _sunSvg; setHighContrast(isLight); });