mirror of
https://github.com/maziggy/bambuddy.git
synced 2026-09-30 11:12:35 +02:00
maziggy
4ef6772c51
The dispatch progress toast is a fixed 420px wide and the toast viewport is anchored 80px from the right (to clear the bug-report bubble). On a 390px-wide phone that overflows the left edge by ~110px, so in the Home-Screen PWA the toast was clipped off the left, with text bleeding past the edge. Cap every toast to a viewport-relative max-width (calc(100vw - 6rem - safe-area insets)) so it can't exceed the screen; desktop keeps the 420px. Make the viewport position safe-area-aware (env(safe-area-inset-*) on bottom/right) so an installed PWA clears the home indicator and a landscape notch, and add min-w-0/shrink-0 to the per-job filename row so long names truncate instead of widening the toast at the narrower phone width. Frontend-only; no backend, schema, or i18n change. Covered by a test pinning the width cap; the suppression test's viewport lookup moved to a stable data-testid.
