UX-04: Responsive Layout & mobile Navigation (Mail, stackt auf PR #298 UX-01) #303

Closed

patrick wants to merge 0 commits from feature/ux-04-responsive-layout-mobile-navigation into main

pull from: feature/ux-04-responsive-layout-mobile-navigation

merge into: scripte:main

scripte:main

scripte:feat/ai-app-mandantenmodell

scripte:feat/ai-app-restpakete

scripte:feat/ai-app-rollout-131

scripte:fix/ai-app-write-timeout

scripte:chore/migration-kanban-board

scripte:chore/connect-kanban-board

scripte:chore/workflow-kanban-board

scripte:chore/archive-kanban-board

scripte:chore/mail-kanban-board

scripte:chore/dms-kanban-board

scripte:chore/core-kanban-board

scripte:chore/ai-kanban-board

scripte:chore/ai-kanban-security-folgetickets

scripte:feat/ai-app-deployment

scripte:feat/ai-app-vorschlaege

scripte:feat/ai-cls09-herkunftsmarkierung

scripte:feat/ai-eng09-gemini

scripte:feat/ai-cls08-mehrsprachig

scripte:feat/ai-titel-korrespondent

scripte:feat/dms-backup-s3

scripte:feat/dms-s3-verdrahten

scripte:docs/alfresco-vergleich

scripte:refactor/common-batch-2

scripte:refactor/common-modul-pilot

scripte:fix/dms-httpharden-normalize

scripte:feature/shl-02-pagecontainer-dedup

scripte:test/dedup-fakekek-testutil

scripte:feature/nav-01-mail-postfach-registry-eintrag

scripte:feature/sec-08-09-rbac-cmis-audit

scripte:feature/shl-04-globale-modul-navigation

scripte:chore/mail-kanban-security-folgetickets

scripte:chore/dms-kanban-security-folgetickets

scripte:chore/core-kanban-security-folgetickets

scripte:chore/archive-kanban-security-folgetickets

scripte:chore/workflow-kanban-security-folgetickets

scripte:chore/connect-kanban-security-folgetickets

scripte:feature/qa-08-barrierefreiheits-audit-workflow

scripte:feature/tsk-04-aufgaben-oberflaeche-workflow

scripte:feature/qa-08-barrierefreiheits-audit-connect

scripte:feature/int-18-smtp-gateway-weiterleitung-an-feste-adresse-dms

scripte:docs/rollout-131-vorbereitung

scripte:feature/met-08-facturx-zugferd-szenarien-validator-dms

scripte:feature/qa-15-sicherheitspruefung-gesamtprojekt

scripte:fix/testrun-2026-09-21-dms

scripte:feature/cmp-07-dsgvo-loeschantrag-recht-auf-loeschung

scripte:feature/cmp-06-vier-augen-freigabe-fuer-loeschungen

scripte:feature/cmp-02-dsgvo-datenschutz-berichte

scripte:feature/ret-03-loeschworkflow-und-aufbewahrungssperre-legal-hold

Conversation 1 Commits - Files Changed -

patrick commented 2026-10-16 09:18:57 +02:00

Owner

Copy link

Copy source

Responsive Layout & mobile Navigation fuer web/mail-postfach. Baut auf UX-01s offenem Branch auf (PR #298, noch nicht gemergt) - enthaelt daher UX-01s Commits mit.

CSS-Breakpoint-Ansatz (768px, SHL-01 Shell.tsx-Muster uebernommen), Drawer fuer Ordnerbaum auf Mobile (@nexarch/shl Dialog, erster echter Konsument), minimale MessageDetail-Platzhalteransicht (volle UX-02-Detailansicht kommt separat).

Bug gefunden+gefixt (AC3): UX-01s Suchfeld hatte fixe minWidth:260px, Overflow bei 375px - behoben.

AC1-3 real im echten Chrome via Puppeteer getestet (375/768/1440px, echte Touch-Events). 15/15 Layout-Regressionschecks gruen.

Siehe mail/docs/UX-04-PRUEFPROTOKOLL.md.

🤖 Generated with Claude Code

Responsive Layout & mobile Navigation fuer web/mail-postfach. Baut auf UX-01s offenem Branch auf (PR #298, noch nicht gemergt) - enthaelt daher UX-01s Commits mit. CSS-Breakpoint-Ansatz (768px, SHL-01 Shell.tsx-Muster uebernommen), Drawer fuer Ordnerbaum auf Mobile (@nexarch/shl Dialog, erster echter Konsument), minimale MessageDetail-Platzhalteransicht (volle UX-02-Detailansicht kommt separat). Bug gefunden+gefixt (AC3): UX-01s Suchfeld hatte fixe minWidth:260px, Overflow bei 375px - behoben. AC1-3 real im echten Chrome via Puppeteer getestet (375/768/1440px, echte Touch-Events). 15/15 Layout-Regressionschecks gruen. Siehe mail/docs/UX-04-PRUEFPROTOKOLL.md. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

patrick added 7 commits 2026-10-16 09:18:57 +02:00

UX-01: postfach-ordneransicht ... fbabf7e85a

Erweitert mail/internal/mailapi (INT-01) um die fuer die Postfach-/
Ordneransicht noetigen Daten, die die bestehende API noch nicht lieferte:
GET /mailboxes (Ordnerbaum aus der mailbox-Facette), mailbox-Filter auf
GET /messages, sowie sender/mailbox in der Listenantwort (Grundlage fuer
Sortierung nach Absender). Reines Durchreichen bereits fertiger
mail/internal/search-Funktionen (Facets/ListByMailbox/SearchWithFilters),
keine neue Suchlogik.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

UX-01: postfach-ordneransicht ... 41cba4c87b

Testinfrastruktur: startet den echten mailapi.Server (echte moduleauth-
Signaturpruefung) als eigenen Prozess auf einem echten TCP-Port, mit
In-Memory-Suchpersistenz und zwei synthetischen Mandanten (einer davon
mit 3000 Nachrichten fuer den Performance-Nachweis). Grundlage fuer den
Frontend-Integrationstest gegen eine echte Backend-API statt eines
fetch()-Mocks. Kein Produktivpfad.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

UX-01: postfach-ordneransicht ... 9b1661d6ff

Postfach- und Ordneransicht fuer archivierte Mails (Next.js/React/TS,
@nexarch/shl). Ordnerbaum (aus der flachen Postfachliste der Mail-API
clientseitig aufgebaut), virtualisierte Nachrichtenliste mit Sortierung
nach Datum/Absender/Betreff, Grundsuche. Aufbau nach etabliertem Muster
(web/mail-search fuer die App-Struktur, web/dms-browser fuer Ordnerbaum/
virtualisierte Liste), bewusst schlicht gehalten (Mailpit/MailHog als
Vorbild, nicht die Komplexitaet eines nativen Mailprogramms).

Automatisierte Tests je Akzeptanzkriterium, inkl. eines echten
Backend-Integrationstests (e2e/ux01.e2e.test.ts) gegen den echten
mailapi.Server (mail/cmd/mailpostfach-fixture) mit zwei Mandanten und
einem gleichnamigen Ordner — keine Mandanten-Isolationslogik wird
gemockt.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

UX-01: postfach-ordneransicht ... a1c9be8e6d

Pruefprotokoll: Zielwerte und Ergebnisse je Akzeptanzkriterium und
Pruefung, inkl. Abgrenzung zur Ausgangslage (Backend-API musste fuer
Ordnerbaum/Absender-Sortierung minimal erweitert werden) und offener
Einschraenkung beim manuellen Test (keine Browser-Automatisierung/kein
laufender Core-Server auf dem Entwicklungshost, daher Ersatzpruefung
ueber den echten Backend-Integrationstest).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

UX-04: responsive-layout-mobile-navigation ... 1a529cb579

Responsives Drei-Spalten-Layout (Ordner/Nachrichten/Detail) fuer
web/mail-postfach: CSS-Breakpoint bei 768px (SHL-Token), mobil wird die
Ordnerliste zu einem Dialog-Drawer und Nachrichtenliste/Detail teilen
sich eine Ansicht per data-mobile-active-Zustand statt fester inline
Breiten, die auf schmalen Viewports horizontal abgeschnitten haetten.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

UX-04: responsive-layout-mobile-navigation ... 67b5bd296c

Automatisierte Pruefung: Vitest-Tests fuer die neue Drawer-/Detail-
Zustandslogik (page.test.tsx, MessageList.test.tsx, MessageDetail.test.tsx)
sowie responsive-layout-check.mjs - echter Puppeteer/Chrome-Lauf mit
Viewport-Resize (375/768/1440px) und Touch-Taps gegen die gebaute App,
gleicher Puppeteer-Bestand wie web/mail-search/keyboard-flow-check.mjs.
43/43 Vitest-Tests gruen, 15/15 Pruefungen im Browserlauf.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

UX-04: responsive-layout-mobile-navigation ... a95b450db8

Pruefprotokoll: Zielwerte und Ergebnisse je Akzeptanzkriterium, inkl.
Rohausgabe des echten Viewport-Resize-/Touch-Laufs und Entscheidungen
(Dialog statt eigenem Drawer-Code, CSS-Breakpoint statt matchMedia,
gefundener/behobener Horizontal-Overflow-Bug im Suchfeld bei 375px).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

patrick referenced this issue from a commit 2026-10-19 12:43:09 +02:00

Merge PR #303: UX-04: Responsive Layout & mobile Navigation (Mail, stackt auf PR #298 UX-01)

patrick commented 2026-10-19 12:43:13 +02:00

Author

Owner

Copy link

Copy source

Konflikte in layout.tsx/page.tsx/messages.ts manuell geloest (responsive Layout + i18n zusammengefuehrt), 56/56 Tests gruen, direkt in main gemergt und gepusht.

Konflikte in layout.tsx/page.tsx/messages.ts manuell geloest (responsive Layout + i18n zusammengefuehrt), 56/56 Tests gruen, direkt in main gemergt und gepusht.

patrick closed this pull request 2026-10-19 12:43:13 +02:00

Pull request closed

This pull request cannot be reopened because the branch was deleted.

Sign in to join this conversation.

Reviewers

No Reviewers

Labels

No items

No labels

Milestone

No items

No Milestone

Projects

Clear projects

No projects

Assignees

Clear assignees

patrick

No Assignees

1 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: scripte/nexarch#303