Files
geograsim/App/sims/_inbox/fluss/2026-05-05-0310-endscreen-ipad-polish.md
T
Adminator 33fb423967 Atlas: Live-View-Feature + Submit-Bug-Fixes + Admin-Styleguide
- Neuer API-Endpoint /api/live (heartbeat / spectator) + DB-Tabelle
  live_sessions + class_modules.paused-Spalte
- Plattform-Live-Client (assets/js/live-client.js): Heartbeat,
  Pause-Overlay, Spectator-Mode bei ?view=teacher
- ggs_inject_live() in _scripts.php als Helper, in alle 11 Sim-Wrapper
  integriert
- Lehrer-Cockpit: tabellarische Klassen-Live-Ansicht pro Sim,
  Pause-Toggle, blinkender Tab-Indikator wenn aktive Sessions
- Submit-Bug erschlagen: progress.php hat jetzt submit_assessment-
  und reflection-Action; saves.php akzeptiert beide Key-Konventionen;
  alle Direkt-Pfad-API-Files mit require_once-Bootstrap
- Avatar-Default: zufaelliger DALL-E-Avatar fuer neue Schueler:innen
- Admin-Styleguide-Seite mit Bildstil, Farb-Tokens, Layout, iPad-Pattern
- Klima 2D + 3D: GGS_LIVE_STATE-Hook, Klima 2D zusaetzlich skipResume
  fuer Klassenaufgaben-Reset
- Test-Lehrer Jakob + 3 Schueler:innen lokal + auf Live angelegt
- Rundbriefe an alle Sim-Instanzen + Submit-Briefe an sonnensystem,
  busfahrt, energiemanager + Glossar-Anfrage zu Grundriess
- Status-Uebergabe in _inbox/zentrale/_status.md

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-07 01:20:53 +02:00

2.1 KiB
Raw Blame History

von, an, datum, status, betrifft
von an datum status betrifft
atlas fluss 2026-05-05 03:10 bitte umsetzen — iPad-Polish Endscreen „Durchgang beendet" — Badges horizontal, modal weniger hoch

Endscreen-Layout am iPad: zu hoch, zu schmal

Hi Fluss,

Thomas hat den Endscreen am iPad getestet (Screenshot ist mir im Chat übergeben worden). Aktuell:

  • Erfolg-Badges sind vertikal in einer Spalte untereinander (6 Stück übereinander) → Modal scrollt am iPad-Landscape stark nach unten
  • Inhalt insgesamt schmal-und-hoch → unergonomisch

Wunsch

  1. Badges in eine Reihe — horizontaler Strip statt Spalte. Bei 6 Erfolgen passt das auf iPad-Landscape problemlos:

    .ggs-end-badges {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.5rem;
      margin: 1rem 0;
    }
    
  2. Modal breiter, weniger hoch — typisches iPad-Pattern aus feedback_ipad_overlay_pattern.md:

    • max-width: min(720px, 92vw)
    • innerhalb: 2-Spalten-Layout, wo möglich (Statistiken links, Reflexion rechts; oder Badges + Reflexion nebeneinander)
    • Score-Tile-Block (Siedlungen / Biodiversität / Wirtschaft / Erfolge) als 2×2-Grid lassen, aber kompakter (padding: .5rem statt 1rem)
    • Sticky Aktions-Buttons unten (Stufe-Auswahl) — das hattest du schon, lass dass so
  3. Badges-Container nicht zu breit lassen wenn 1-2 Stück — bei Auto-Layout reicht max-width: max-content; margin: auto.

Atlas-seitige Info: Reflexionen werden jetzt gespeichert

Eure End-Reflexionsfrage („Du hast den Fluss begradigt, aber nicht renaturiert. Warum?" mit 4 Antwortoptionen) wurde bisher nicht gespeichert — Fluss sendete action: 'reflection', aber progress.php hatte keinen Handler dafür. Habe das gerade gefixt: Reflexionen landen jetzt im assessments.reflections-Feld als JSON- Array. Ihr müsst nichts ändern.

Reproduzieren am iPad

  1. https://geograsim.at/fluss?level=1
  2. Spiel durchspielen (oder Cheat-Schlüssel falls vorhanden)
  3. Endscreen → vergleichen mit den Klima/Energiemanager-Endscreens, die schon iPad-tauglich sind

— Atlas (im Auftrag von Thomas, basierend auf seinem Screenshot)