tobias/antragstracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Responsive Layout: Mobile Darstellung verbessern #12

New Issue
Closed
opened 2026-04-01 14:14:00 +02:00 by tobias · 0 comments
tobias commented 2026-04-01 14:14:00 +02:00
Owner
Copy Link

Problem

Auf dem Handy werden Inhalte abgeschnitten, Breiten sind nicht sinnvoll.

Betroffene Seiten

  • /vorlagen — Tabelle zu breit, Betreff abgeschnitten
  • /vorlagen/[id] — Sidebar-Layout passt nicht auf Mobile
  • /ketten — Tabelle zu breit
  • /ketten/[id] — Graph + Details
  • /fraktionen — Dashboard-Karten
  • Navigation / Header

Maßnahmen

  • Tabellen → Mobile: Card-Layout statt <table> (oder horizontal scrollbar)
  • lg:grid-cols-3 Sidebar → auf Mobile grid-cols-1 (volle Breite)
  • truncate / max-w-lg → auf Mobile entfernen oder line-clamp statt harter Abschneidung
  • Suchfeld + Filter: Stacking statt flex-wrap auf kleinen Screens
  • Font-Sizes anpassen (Mobile braucht nicht text-2xl für H1)
  • Touch-Targets: Buttons/Links mindestens 44px
  • Typeahead-Dropdown: Volle Breite auf Mobile

Priorität

Hoch — Mobile ist primäre Nutzung für schnelles Nachschlagen.

## Problem Auf dem Handy werden Inhalte abgeschnitten, Breiten sind nicht sinnvoll. ## Betroffene Seiten - [ ] `/vorlagen` — Tabelle zu breit, Betreff abgeschnitten - [ ] `/vorlagen/[id]` — Sidebar-Layout passt nicht auf Mobile - [ ] `/ketten` — Tabelle zu breit - [ ] `/ketten/[id]` — Graph + Details - [ ] `/fraktionen` — Dashboard-Karten - [ ] Navigation / Header ## Maßnahmen - Tabellen → Mobile: Card-Layout statt `<table>` (oder horizontal scrollbar) - `lg:grid-cols-3` Sidebar → auf Mobile `grid-cols-1` (volle Breite) - `truncate` / `max-w-lg` → auf Mobile entfernen oder `line-clamp` statt harter Abschneidung - Suchfeld + Filter: Stacking statt `flex-wrap` auf kleinen Screens - Font-Sizes anpassen (Mobile braucht nicht `text-2xl` für H1) - Touch-Targets: Buttons/Links mindestens 44px - Typeahead-Dropdown: Volle Breite auf Mobile ## Priorität Hoch — Mobile ist primäre Nutzung für schnelles Nachschlagen.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
No items
No Label
Milestone
Clear milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: tobias/antragstracker#12
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?