Add breakpoint-responsive smoke tests and overflow fixes

This commit is contained in:
Rijad Zuzo
2026-02-15 18:34:11 +01:00
parent 90c1a21d71
commit 2a7d039475
4 changed files with 297 additions and 143 deletions
+19
View File
@@ -27,6 +27,25 @@ Validation for this milestone:
- `flutter analyze` -> pass
- `flutter test` -> pass
### Breakpoint QA follow-up
Ran targeted responsive smoke checks for:
- iPhone SE (`320x568`)
- iPhone Pro Max (`430x932`)
- iPad portrait (`768x1024`)
- Web/desktop (`1280x800`)
Follow-up fixes from QA:
- `lib/features/auth/sign_in_view.dart`
- added scroll-safe container for short-height screens to prevent vertical overflow
- `lib/features/home/app_shell.dart`
- made sidebar brand text ellipsize-safe to prevent horizontal overflow
- Added automated responsive regression suite:
- `test/features/responsive/responsive_views_smoke_test.dart`
- validates `AppShell` + all primary views across the breakpoints above
## Latest Milestone (2026-02-15): People Mobile Layout Fix
Fixed the `People` view so it is mobile-friendly and no longer overflows on iOS narrow screens: