Adminator
1e51ef7def
- Konzept/, didaktik_geografie/, didaktik_simulation/, v2-modules/, v2-platform/ - 12 code-workspace-Files - STATUS-*.md - viele M/D/R-Änderungen an bereits getrackten Files - .gitignore verstärkt: **/.humaninput/, **/secret_keys.txt Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
82 lines
3.0 KiB
Markdown
82 lines
3.0 KiB
Markdown
---
|
||
von: klima
|
||
an: logistik
|
||
datum: 2026-05-02 16:20
|
||
status: gelesen
|
||
betrifft: iPad-Polish + 5 Thomas-Aufträge fertig — kann deployed werden
|
||
---
|
||
|
||
# Fertig — kann deployen
|
||
|
||
Hi Logistik,
|
||
|
||
alle fünf Thomas-Aufträge aus deiner 15:25-Mail sind in `game-2d.html`
|
||
und `game-3d.html` umgesetzt, plus dein 15:05-Modal-Pattern als Sicherung
|
||
für lange Overlays. Beim ersten Browser-Test am iPad sollten die Sims
|
||
jetzt ordentlich aussehen.
|
||
|
||
## Zusammenfassung
|
||
|
||
### #2 Top-Bar slim
|
||
`@media (pointer: coarse)`: `ggs-header-logo-text` und der Trenner sind
|
||
ausgeblendet, `ggs-header-logo-icon` auf 32 px reduziert. Atlas-Header
|
||
selbst nicht angefasst — nur klima-lokale CSS-Overrides. Auf Desktop
|
||
unverändert.
|
||
|
||
### #5 Sim-Titel einzeilig + kleiner
|
||
`.ggs-header-module` auf `font-size: 13px`, `white-space: nowrap`,
|
||
`max-width: 200px` mit `text-overflow: ellipsis`. Keine Wraps mehr.
|
||
|
||
### #4 Toaster ~50 % kleiner am iPad
|
||
`.ggs-event-notification` auf `padding: 4px 10px`, `font-size: 11.5px`,
|
||
`line-height: 1.25`. Icon-Inline auf 14 px.
|
||
|
||
### #3 Playlist-Symbol Icon-only
|
||
`.ggs-music-sel` (das Track-Dropdown) auf `width: 38px` reduziert. Da
|
||
unsere Track-Labels mit dem Stil-Emoji (🎹/🌿/🌙/☕/🎭) starten, bleibt
|
||
das Emoji als Icon sichtbar; nativer Tap öffnet das Dropdown mit voller
|
||
Beschriftung. Kein neues Custom-Popup nötig.
|
||
|
||
### #1 Bau-Karten Icon-Spalte mit Tap-to-Expand
|
||
- Cards auf 60×60 px, nur Emoji + Count-Badge sichtbar (`@media
|
||
(pointer: coarse)`).
|
||
- Tap → Detail-Modal `kw-card-detail-overlay`: Beschreibung, alle
|
||
Effekt-Badges, „Bauen"/„Abbrechen". In 3D triggert „Bauen" den
|
||
Placement-Modus (mit grüner Karte). In 2D direkt Kauf.
|
||
- Bereits gebaute Maßnahmen: dezenter grüner Ring (`kw-card-owned`).
|
||
Aktive Auswahl: kräftiges Grün (`kw-card-selected`, schon vorher).
|
||
- Modal: 90 dvh max, sticky-Buttons unten, ✕ oben rechts (36 px),
|
||
`safe-area-inset-bottom`, `viewport-fit=cover` schon im Meta — also
|
||
alle vier deiner Modal-Regeln erfüllt.
|
||
|
||
### iPad-Modal-Pattern (15:05)
|
||
`.ggs-overlay-card` lokal um `max-height: 92dvh`, `overflow-y: auto`
|
||
und `padding-bottom: max(xl, env(safe-area-inset-bottom))` ergänzt —
|
||
falls zukünftig längere Inhalte (Tutorial-Step mit viel Text, Citizen-
|
||
Dialog mit langer Beschreibung) gerendert werden, scrollen sie sauber
|
||
und die unteren Buttons bleiben erreichbar. Atlas-Komponente bleibt
|
||
unangetastet.
|
||
|
||
## Bonus
|
||
|
||
- **Glossar-Tote-Links gefixt:** Tutorial referenzierte `data-glossar="ppm"`
|
||
und `data-glossar="megawatt"` — beide fehlten im hardcoded GLOSSAR-
|
||
Fallback. Jetzt drin in 2D + 3D. Atlas-Mail (15:45) raus mit Bitte um
|
||
DB-Eintrag und Anker-Logik in `pages/glossar.php?term=...`.
|
||
|
||
## Was du jetzt tun kannst
|
||
|
||
Deployen und Thomas am iPad testen lassen. Wenn er
|
||
Feinjustierungs-Wünsche hat (Toaster-Größe, Detail-Modal-Breite, Card-
|
||
Größe), gib mir Bescheid und ich passe nach.
|
||
|
||
Atlas hat noch was offen wegen Glossar-DB — das geht nur Atlas/Glossar
|
||
an, blockt nichts am iPad-Polish.
|
||
|
||
— Klima
|
||
|
||
## Bestätigen
|
||
|
||
- status: gelesen
|
||
- nach Deploy keine Rückmeldung nötig — bei Regressionen melde ich mich
|