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

Kofferdetektiv: Kopfzeile schwebt ueber Vollbild-3D (schwarzer Balken weg)

Browse Source 
#stage jetzt inset:0 (Canvas bis ganz oben), Header position:absolute
transparent darueber. Obere HUD-Pillen + Minimap + Karten-Button unter
die Kopfzeile geschoben (top 14->64, btn-map 166->216).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Thomas
2026-08-25 14:20:36 +02:00
parent 502f271f36
commit c913522a77
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
App/sims/kofferdetektiv/game-3d.html
+8 -7
View File
@@ -28,7 +28,8 @@ img{max-width:100%}
/* ============ Plattform-Header (Sim-Spec §4.2) ============ */
.ggs-header{display:flex;align-items:center;gap:16px;padding:0 24px;height:52px;
background:var(--ggs-bg);color:var(--ggs-text);font-size:14px;z-index:1000;position:relative;
background:var(--ggs-bg);color:var(--ggs-text);font-size:14px;z-index:1000;
position:absolute;left:0;right:0;top:0;
border-bottom:1px solid var(--ggs-border)}
.ggs-header-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.ggs-header-logo-icon{height:38px}
@@ -58,24 +59,24 @@ img{max-width:100%}
.kd-btn-danger{background:var(--ggs-coral);color:#fff}
/* ============ 3D-Stage + HUD ============ */
#stage{position:fixed;inset:52px 0 0 0;background:#0a0f16}
#stage{position:fixed;inset:0;background:#0a0f16}
#gl{width:100%;height:100%;display:block;touch-action:none}
#hud{position:absolute;inset:0;pointer-events:none}
.hud-pill{position:absolute;background:rgba(13,21,32,.82);color:#cfe3ee;border:1px solid #2c3a4a;
border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600;backdrop-filter:blur(4px)}
.hud-pill:empty{display:none}
#hud-case{top:14px;left:16px}
#hud-points{top:14px;left:150px}
#hud-timer{top:14px;left:260px}
#hud-case{top:64px;left:16px}
#hud-points{top:64px;left:150px}
#hud-timer{top:64px;left:260px}
#hud-timer.warn{color:#f0b9ad;border-color:#c85c4a}
#hud-loc{bottom:18px;left:16px;font-weight:500}
#hud-dist{bottom:18px;left:50%;transform:translateX(-50%);font-weight:500;color:#9fb6c6}
#hud-coords{bottom:18px;right:16px;padding:6px 11px;font-size:12px;font-weight:600;color:#9fb6c6;
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.3px}
#minimap-wrap{position:absolute;top:14px;right:16px;border:1px solid #2c3a4a;border-radius:10px;
#minimap-wrap{position:absolute;top:64px;right:16px;border:1px solid #2c3a4a;border-radius:10px;
overflow:hidden;background:rgba(13,21,32,.85);pointer-events:auto}
#minimap{display:block}
#btn-map{position:absolute;top:166px;right:16px;pointer-events:auto;background:rgba(13,21,32,.82);
#btn-map{position:absolute;top:216px;right:16px;pointer-events:auto;background:rgba(13,21,32,.82);
color:#cfe3ee;border:1px solid #2c3a4a;border-radius:10px;padding:7px 12px;font-size:13px;min-height:38px}
#mode-badge{position:absolute;top:214px;right:16px;pointer-events:none;display:none;max-width:210px;
background:rgba(13,21,32,.82);border:1px solid #2c3a4a;border-radius:10px;padding:7px 11px;