frontend: Mobiler Splitter stufenlos + Titelzeilen-Tap maximiert
Auf dem Smartphone hatte der Splitter zwei Fehler: nach dem ersten Ziehen rastete er in eine feste Aufteilung und ließ sich nicht mehr bewegen (die Titelzeile im Snap-Rand fing jeden weiteren Zug ab), und das Tippen auf eine Titelzeile klappte das Panel nicht mehr aus (der Handler verlangte den collapsed-Zustand, den ein freier Zug aufhob). Mobil jetzt kontinuierlich statt diskret: - Grid-Zeilen-Minima --pmin-d/--pmin-e = gemessene Kopfhöhen (syncPanelMins), dadurch bleiben beide Titelzeilen immer stehen (kein Snap/Collapse). - Gutter-Drag ruft setMobileDrow() (klemmt --drow frei) — jederzeit beweglich. - Tipp auf eine Titelzeile maximiert dieses Panel (das andere = Titelzeile). - applyLayout ruft auf Mobil kein applySplit (behält --drow bei Moduswechsel); seg-Klick stoppt Propagation, damit er die Titelzeile nicht mit-maximiert. - Default: Diagramm maximiert. Desktop behält das diskrete Modell + Buttons. SPEC §9, DECISIONS D17 und frontend/CLAUDE.md nachgeführt. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.8
parent
779ac10cdf
commit
ad57707dbc
+12
-4
@@ -138,10 +138,18 @@ exakt der deployte Commit (`…/commit/<sha>`, im Build via `git rev-parse HEAD`
|
||||
(Nummerierung: D15 war bereits für den kompakten Modus vergeben, daher D16.)
|
||||
|
||||
## D17 — Kleiner Bildschirm: ein Bereich, kompakte Legende & Sprachwahl
|
||||
Auf schmalen Viewports (≤ 640 px) ist für beide Bereiche kein Platz. Daher ist
|
||||
immer nur **ein** Bereich groß (Diagramm oder Editor); der andere schrumpft auf
|
||||
seine Titelzeile und dient als Umschalter (Antippen bringt ihn nach vorn); die
|
||||
Fenster-Buttons entfallen, der **Splitter bleibt** (Teilen per Ziehen möglich).
|
||||
Auf schmalen Viewports (≤ 640 px) ist für beide Bereiche kein Platz. Diagramm
|
||||
und Editor werden gestapelt und über den **Splitter stufenlos** geteilt (frei
|
||||
ziehbar, jederzeit erneut verstellbar); die beiden **Titelzeilen bleiben immer
|
||||
stehen** (Grid-Zeilen-Minima = gemessene Kopfhöhen), ein **Tipp auf eine
|
||||
Titelzeile klappt dieses Panel ganz aus**. Das frühere diskrete Modell (Snap in
|
||||
Minimier-Zustände 'a'/'b') führte auf dem Smartphone zu zwei Fehlern: nach dem
|
||||
ersten Ziehen rastete der Splitter in eine feste Aufteilung und war nicht mehr
|
||||
zu bewegen (die Titelzeile im Snap-Rand fing jeden weiteren Zug ab), und der
|
||||
Titelzeilen-Tap funktionierte nur im `collapsed`-Zustand — nach einem freien Zug
|
||||
also gar nicht. Deshalb auf Mobil ein **kontinuierliches** Modell ohne Snap/
|
||||
Collapse (`--drow` frei geklemmt, Tap setzt sie aufs Extrem); Desktop behält das
|
||||
diskrete Modell samt Fenster-Buttons.
|
||||
Die Legende wird von der Bereichs-
|
||||
Umschaltung **entkoppelt** und über einen eigenen Umschalter im Editor-Kopf
|
||||
gesteuert — das dauerhafte „AGENDA“-Band kostet sonst zu viel Höhe. Die
|
||||
|
||||
+10
-5
@@ -145,11 +145,16 @@ ist grau (`#6B7A8C`) — kein Petrol mehr im Diagramm. Der Modus ändert nur die
|
||||
(50 %-Höhe) weiterhin auf der Knotenmitte liegt.
|
||||
|
||||
### Kleiner Bildschirm (mobil)
|
||||
Ab schmaler Breite (≤ 640 px, z. B. Smartphone) ist immer nur **ein** Bereich
|
||||
groß sichtbar — Diagramm **oder** Texteditor; der andere schrumpft auf seine
|
||||
Titelzeile und dient als Umschalter (Antippen bringt ihn nach vorn). Die
|
||||
Min/Normal/Max-Buttons entfallen; geteilt wird weiterhin über den **Splitter**
|
||||
(Ziehen). Die **Legende** bekommt hier einen eigenen
|
||||
Ab schmaler Breite (≤ 640 px, z. B. Smartphone) werden Diagramm und Texteditor
|
||||
**gestapelt** und über den **Splitter** frei geteilt: Ziehen verteilt beliebig,
|
||||
jederzeit erneut verstellbar; die beiden **Titelzeilen bleiben dabei immer
|
||||
stehen** (jedes Panel schrumpft höchstens bis auf seine volle Titelzeile — die
|
||||
Zeilen-Minima entsprechen den gemessenen Kopfhöhen). Ein **Antippen einer
|
||||
Titelzeile klappt dieses Panel ganz aus** (das andere schrumpft auf seine
|
||||
Titelzeile). Es gibt hier kein diskretes Minimieren/Einrasten mehr (kein Snap,
|
||||
keine Min/Normal/Max-Buttons) — die Aufteilung ist durchgehend stufenlos.
|
||||
Voreinstellung ist Diagramm maximiert (Editor als Titelzeile). Die **Legende**
|
||||
bekommt hier einen eigenen
|
||||
Umschalter im Editor-Kopf (statt der dauerhaften „AGENDA“-Zeile), damit sie
|
||||
zugeklappt keinen Platz kostet. Der **Modus-Wähler** zeigt nur das aktive Icon
|
||||
und schaltet bei jedem Tippen reihum weiter (horizontal → kompakt → vertikal →
|
||||
|
||||
Reference in New Issue
Block a user