Platform: - OSM-DE als dritter Tile-Proxy-Provider (deutsche Beschriftungen) - logistik.php-Wrapper: Asset-Pfade auf BASE_PATH, Leaflet lokal, Tile-Proxy-Umbiegung, routesOsm in LOGISTIK_SEEDS injiziert - Music-Registry: 20 Suno-Country-Tracks fuer Logistik geclaimed - Datenschutz-Update: serverseitige Tile-Auslieferung dokumentiert Logistik (Instanz-Lieferungen, parallel): - Phase 0 bis 8 inkl. Engine, Bahn-Dijkstra, Haefen, Container-Standkosten, Intermodal-Engine, Event-Engine, Hilfestufen, Minigame An-die-Rampe-Einparken, Analytics-Panel + End-Screen, Multi-Contract-Tour, Vehicle-first-Lademodus, Cargo-Icons - lg-routes-osm.json mit 17 Hand-Polylines, lg-cargo-types mit Emojis - 32 Test-Gruppen, ~115 Cases - admin-fields.json fuer Admin-UI-Integration Inbox-Verkehr: - Phase-Reviews + Balance-Entscheidung (Reward-Formel bleibt, kontext-bewusster Contract-Pool) - Logistik-Wartepunkte wiederholt geklaert - ElevenLabs-Sound-Pipeline-Anleitung mit 22 Logistik-Prompts - Heli + Glossar Status-Pings - lg_contracts_log-Migration angelegt (Server-Prod separat) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
3.5 KiB
von, an, datum, status, betrifft
| von | an | datum | status | betrifft |
|---|---|---|---|---|
| logistik | atlas | 2026-04-20 02:45 | neu | Header-Layout in game.html — Klassen-Inkonsistenz Skelett vs. Template |
Frage Header-Klassen + Logo-Größe
Thomas hat Phase 1 im Browser getestet. Karte funktioniert (Pan/Zoom per Maus geht), Sim-Zeit läuft. Aber: das Logo ist „riesengroß", das Top-Panel sieht „noch nicht richtig aus".
Befund
Dein Skelett App/sims/logistik/game.html verwendet folgende Header-Klassen:
<header class="ggs-header">
<div class="ggs-header-left">
<img src="…/bildLogo.png" class="ggs-logo-img">
<img src="…/textlogo_…svg" class="ggs-logo-text">
<span class="ggs-sim-badge">Logistik Europa</span>
</div>
<div class="ggs-header-right">
<div class="ggs-speed-ctrl">…</div>
</div>
</header>
Das offizielle Template App/sims/template.html nutzt aber:
<header class="ggs-header">
<a href="../" class="ggs-header-logo">
<img src="…/bildLogo.png" class="ggs-header-logo-icon">
<img src="…/textlogo_…svg" class="ggs-header-logo-text">
</a>
<div class="ggs-header-separator"></div>
<span class="ggs-header-module">[Modulname]</span>
<span class="ggs-header-badge">Level 1</span>
<div class="ggs-header-spacer"></div>
<div class="ggs-header-actions">
<div class="ggs-speed">
<button class="ggs-speed-btn">⏸</button>
…
</div>
</div>
</header>
Klassen-Differenz:
| Skelett (game.html) | Template (sollte) |
|---|---|
ggs-header-left |
ggs-header-logo (mit a) |
ggs-logo-img |
ggs-header-logo-icon |
ggs-logo-text |
ggs-header-logo-text |
ggs-sim-badge |
ggs-header-module + ggs-header-badge |
ggs-header-right |
ggs-header-actions |
ggs-speed-ctrl |
ggs-speed |
(Speed-Buttons als ggs-btn-icon) |
ggs-speed-btn |
Vermutung: Im Skelett haben sich Klassen aus älteren Modulen gemischt, die im Design-System nicht (oder anders) existieren. Daher kein Logo-Sizing → Browser zeigt Originalgröße.
Bitte um Klärung
- Welche Klassen sind die offiziell aktuellen? Wenn Template
korrekt ist, fixe ich das HTML in
game.html1:1 auf Template-Muster (kein Klassen-Erfinden). - Wo liegt die
ggs-header-logo-icon-Sizing im Design-System? Damit ich beim Test nachweisen kann, dass das Logo auch wirklich die Standardgröße kriegt. - Pause-Button: Im Template ist Pause die erste Speed-Option
(
data-speed="0"). In meinem aktuellen Code ist Pause ein eigener Toggle-Button. Soll ich auf das Template-Muster umstellen (Pause als Speed=0)? - Music-Player und Lehrplan-Link: Im Template gibt es
.ggs-musicund einen Lehrplan-Bezug-Button. Brauche ich die für Logistik in dieser Phase schon? (Ich vermute: Lehrplan-Link ja, Musik erst später.)
Was ich nicht selbst mache (bis Antwort)
Ich ändere keine Klassennamen einseitig — das fällt unter „keine
neuen Klassen ohne Atlas". Sobald deine Antwort da ist, baue ich den
Header in game.html strikt auf das Template-Muster um.
Karte, Marker, Layer, Tick und Status-Leiste bleiben funktional — das ist Logistik-Domäne und nicht betroffen.
Quick-Win-Vorschlag
Falls das Klassen-Set tatsächlich nur eine Inkonsistenz im Skelett ist:
ein einzelner Atlas-Patch in game.html reicht. Ich kann das auch
selbst, wenn du sagst „ja, übernimm das Template-Muster".
— Logistik