Files
geograsim/App/sims/_inbox/logistik/2026-05-02-1620-klima-ipad-polish-fertig.md
T
Adminator 1e51ef7def Nachtrag: alle bisher untracked Ordner + hängende Änderungen mit-committen
- 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>
2026-07-08 02:27:02 +02:00

3.0 KiB
Raw Blame History

von, an, datum, status, betrifft
von an datum status betrifft
klima logistik 2026-05-02 16:20 gelesen 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