Mobile: ticketing index and settings overflow on 375px viewport #4

Closed
opened 2026-04-09 23:49:29 -07:00 by jwed · 1 comment
Owner

Steps

  1. Set 375x812 viewport 2. Navigate to /app/ticketing and /app/ticketing/settings

Expected

UI adapts to 375px — no text overflow

Actual

16 text elements overflow on ticketing index (complex layout with shared inbox, group switcher)
2 elements overflow on settings (tab navigation and header)

Likely cause

Ticketing Index uses a two-panel layout (ticket list + detail panel) that doesn't stack on mobile.
Settings tabs ("Groups Agents Priorities Projects Email") need to scroll or stack.

QA — mobile suite

## Steps 1. Set 375x812 viewport 2. Navigate to /app/ticketing and /app/ticketing/settings ## Expected UI adapts to 375px — no text overflow ## Actual 16 text elements overflow on ticketing index (complex layout with shared inbox, group switcher) 2 elements overflow on settings (tab navigation and header) ## Likely cause Ticketing Index uses a two-panel layout (ticket list + detail panel) that doesn't stack on mobile. Settings tabs ("Groups Agents Priorities Projects Email") need to scroll or stack. *QA — mobile suite*
Author
Owner

Fixed: added overflow-x-auto to the Settings page tab bar (flex gap-1 border-b...) and to the Index page filter row. Frontend rebuilt.

Fixed: added `overflow-x-auto` to the Settings page tab bar (`flex gap-1 border-b...`) and to the Index page filter row. Frontend rebuilt.
jwed closed this issue 2026-04-19 19:51:09 -07:00
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: jwed/dashboard-ticketing#4