Document Subframe dialog requirements

2026-06-25 04:29:06 +02:00
1 parent 57c7c4911e
commit d680c75343
@@ -92,6 +92,7 @@ Verhalten:
 - Vier neue Varianten sind im Admin-RBAC-Flow angelegt.
 - Die alte M02-Seite wurde geloescht.
 - Umsetzung als echtes grosses Subframe-Modal mit `DialogLayout` + `Dialog.Content`, nicht als freie Page-Shell.
+- Dialog-QA: Varianten muessen `DialogLayout` -> `Dialog` -> `Dialog.Content` nutzen; keine simulierten Overlay-/Card-Modals.

 | Variante | Subframe |
 |---|---|
@@ -74,6 +74,7 @@ Modal Step / Create Role Basics.
 - Vier Varianten sind im Admin-RBAC-Flow angelegt.
 - Alte M04-Seite gab es vorher nicht.
 - Als echter Modal-Step im Admin-RBAC-Flow angelegt, ohne andere Screens zu bearbeiten.
+- Dialog-QA: Varianten muessen `DialogLayout` -> `Dialog` -> `Dialog.Content` nutzen; keine simulierten Overlay-/Card-Modals.

 | Variante | Subframe |
 |---|---|
@@ -526,4 +526,5 @@ Diese Punkte sind bewusst nicht Teil der v1-Screen-Liste, sollen aber fuer spaet
 - [x] David hat die Kandidaten validiert.
 - [x] Screen-Dateien sind angelegt.
 - [x] Canvas ist angelegt.
+- [x] M02/M04 Varianten sind auf echte Subframe-Dialog-Struktur geprueft: `DialogLayout` -> `Dialog` -> `Dialog.Content`.
 - [ ] Subframe-Link ist eingetragen.
@@ -43,7 +43,15 @@ Gemeint ist der lokale Ordner `./hivegrid-cloud/`. Wenn fuer die aktuelle Aufgab

 ## Subframe-Kontext

-Subframe-Links stehen in den jeweiligen Screen-Dateien im Frontmatter-Feld `subframe`. Bei Modal-Screens soll, wenn moeglich, die echte Subframe-Modal-/Dialog-Layout-Funktion verwendet werden, nicht ein nachgebautes Overlay.
+Subframe-Links stehen in den jeweiligen Screen-Dateien im Frontmatter-Feld `subframe`.
+
+Modal-Screens muessen als echte Subframe-Dialoge gebaut werden:
+
+- Struktur: `DialogLayout` -> `Dialog` -> `Dialog.Content` -> Modal-Inhalt.
+- Nicht erlaubt: Modal per `Card`, freiem `div`, absolutem Overlay, Blur-Hintergrund oder Fullscreen-Container nur visuell nachbauen.
+- Vor Handoff per `get_page_info` pruefen, ob `Dialog` importiert wird und `Dialog.Content` im JSX existiert.
+- Layout bevorzugt mit Subframe-Komponenten und Auto Layout/Flex aufbauen.
+- Custom Tailwind-Klassen nur verwenden, wenn sie fuer feste Groessen, Max-Breiten, Scroll-/Overflow-Verhalten oder responsive Constraints wirklich noetig sind.

 ## Git- und Sync-Regel