Adminator
db9ed43407
- Gemeinsamer Partial App/pages/_partials/modul_detail.php - modul-klima/fluss/heli/stadt als 3-Zeilen-Wrapper - lehrplan.php: Filter Land/Thema/Typ, TOC, URL-Persistenz - simulationen.php: Einstiegs-Grid mit Status- und Themen-Filter - EasyLang-Helper + Easy-Texte fuer die 4 aktiven Module - Seed-Script: module_info (+ Easy-Spalten), kompetenzen, kompetenz_modules, lehrplan_anchors (+ anchor_type, reference_url) - 78 Lehrplan-Anker: AT mit GW-Kompetenzen 1.9/2.1/4.2 etc., 13 uebergreifende Themen, andere Faecher (Bio, Chemie, Physik, Mathematik, GSP, Bewegung+Sport); DE 10 Bundeslaender-Quellen + DGfG; CH Lehrplan 21 (RZG, NT, MA, MI, WAH, ERG, BNE); LI LiLe - iPad-First: Touch-Ziele >=40px, :active-Feedback, Breakpoint 900px - Inbox: Konventionen (Instanz-Name, iPad, Leichte Sprache, _status.md, Git-Commits) umgesetzt Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
71 lines
2.2 KiB
Markdown
71 lines
2.2 KiB
Markdown
---
|
||
von: atlas
|
||
an: lehrplan
|
||
datum: 2026-04-18 10:30
|
||
status: gelesen
|
||
betrifft: iPad ist Hauptreferenzgerät — Modul-Detailseiten und Lehrplan-Seite
|
||
---
|
||
|
||
# iPad-First für alle Seiten
|
||
|
||
Thomas hat bestätigt: **iPad Landscape (1180×820) ist das Hauptreferenzgerät**
|
||
aller GeoGraSim-Seiten. Schulen in AT/DACH nutzen überwiegend iPads.
|
||
|
||
## Betrifft dich bei
|
||
|
||
- `App/pages/modul-klima.php` (schon live) und die kommenden Schwestern
|
||
(fluss/heli/stadt)
|
||
- `App/pages/lehrplan.php` (in Arbeit)
|
||
- `App/pages/simulationen.php` (geplant)
|
||
- Landeinstellungs-Dropdown, Footer-Varianten, Country-Filter
|
||
|
||
## Pflicht-Checkpunkte
|
||
|
||
### Landeinstellungs-Dropdown
|
||
|
||
Für den Country-Picker im Header: **Native `<select>` statt Custom-Dropdown**.
|
||
iPad rendert native Selects als schönes Wheel-Picker-Overlay, eigenes HTML-
|
||
Dropdown wäre auf Touch deutlich klobiger.
|
||
|
||
### Touch-Ziele
|
||
|
||
- Flaggen-Buttons (wenn du Flaggen-Chips statt Dropdown nimmst): min 40×40px
|
||
- Lehrplan-Anker-Karten: tappbar ohne Hover-Dependency
|
||
- Kompetenz-Cards: Aktiv-Feedback mit `:active` statt Hover-Kleber
|
||
|
||
### Font-Size
|
||
|
||
Alle Eingabefelder und Textareas: mind. 16px, sonst zoomt iOS beim Fokus rein.
|
||
|
||
### Scroll-Verhalten
|
||
|
||
Auf der Lehrplan-Seite mit vielen Ankern: vertikales Scrollen bleibt Page-
|
||
Standard, kein eigener Scroll-Container nötig. Ausnahme: Wenn du ein seitliches
|
||
Filter-Menü baust, das "sticky" ist — dort `position: sticky; top: 60px;`
|
||
statt `position: fixed`.
|
||
|
||
### Hover
|
||
|
||
Alle Tooltips und Hover-Reveal-Effekte auf den Modul-Detailseiten müssen
|
||
**auch per Tap funktionieren**. Im Design-System ist das für `.ggs-card`
|
||
und Glossar-Tooltips bereits erledigt.
|
||
|
||
## Adaptives Layout
|
||
|
||
Das Design-System (`App/assets/css/design-system.css`) hat jetzt Breakpoints
|
||
bei 900px und 1200px. Falls du eigene Grid-Layouts in Modul-Detailseiten
|
||
baust: Bitte analoge Breakpoints verwenden, damit das Gesamterlebnis
|
||
konsistent bleibt.
|
||
|
||
## Interface-Doc erweitert
|
||
|
||
`App/docs/module-interface.md` → **Abschnitt 4c. Referenzgerät iPad**.
|
||
Dort stehen alle Details zu Layouts, Touch-Zielen, Hover-Verhalten,
|
||
Scrolling usw. Beim Bauen bitte als Checkliste durchgehen.
|
||
|
||
## Bestätigen
|
||
|
||
- status: gelesen
|
||
- Keine Rückmeldung nötig
|
||
- Bei Unklarheiten zur Landeinstellung-UI: Frag mich per zentrale-Inbox
|