feat(5.9): US-008 - responsive Acasa (upload/status/filtre) + login/signup

- base.html: bloc @media (max-width:767px) US-008, scopat pe id-urile de pe Acasa
- upload (#import-section): drop-zone pe coloana, buton alegere full-width >=44px
- filtre (#filtre-trimiteri): o coloana, inputuri/buton full-width >=44px (!important pe latimile inline)
- status (#status-bar): randuri aliniate, fara scroll orizontal
- login.html/signup.html: clasa .auth-card centrata, max-width:100% pe mobil
- tabelul de trimiteri 5.8 neatins (doar verificat intact)
- teste noi: test_acasa_fara_scroll_orizontal_mobil, test_login_signup_full_width_mobil
- suita: 840 passed, 1 deselected

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-06-25 09:23:37 +00:00
parent d3433015ad
commit 35e97faae5
6 changed files with 141 additions and 5 deletions

View File

@@ -220,12 +220,12 @@
],
"requiresBrowserCheck": true,
"requiresDesignReview": false,
"passes": false,
"passes": true,
"failed": false,
"blocked": false,
"retries": 0,
"failureReason": "",
"notes": ""
"notes": "Mobil (<767px): zona upload stivuita + buton alegere full-width; bara filtre o coloana cu inputuri/buton full-width >=44px (!important pe latimile inline); bara status alineata fara scroll; login/signup card .auth-card centrat max-width:100%. CSS scopat pe #import-section/#status-bar/#filtre-trimiteri/.auth-card in base.html (nu atinge .tabel-trimiteri 5.8). Teste: test_acasa_fara_scroll_orizontal_mobil, test_login_signup_full_width_mobil. Suita: 840 passed. E2E browser (375px /, /login, /signup) deferat VERIFY."
},
{
"id": "US-005",
@@ -259,4 +259,4 @@
"notes": ""
}
]
}
}

View File

@@ -194,3 +194,40 @@ Note: PRD APROBAT 2026-06-24 cu revizii obligatorii R1-R12 (raport AUTOPLAN). R1
- VERIFY: gstack browser la 375px pe /?tab=mapari, ?tab=jurnal, Cont/Nomenclator/Integrare, /admin —
fiecare fara scroll orizontal de pagina, tabele lizibile, formulare pe o coloana.
---
========================================================================
## US-008 — Responsive Acasa (upload, status, filtre) + login/signup
========================================================================
Status: PASS (loop). E2E browser deferat la VERIFY.
### Ce s-a facut:
- base.html: bloc nou sub `@media (max-width:767px)` (marcat US-008), scopat strict pe
id-urile sectiunilor de pe Acasa, ca sa NU atinga `.tabel-trimiteri` (5.8), modalul (US-003/004)
sau paginile de continut (US-007):
- `#import-section .drop-zone` -> coloana (flex-direction:column, align stretch);
`#import-section #upload-btn` -> full-width, min-height:44px.
- `#filtre-trimiteri` -> coloana; `> div` full-width; select/input[text]/input[date]
`width:100% !important; max-width:none !important` (suprascrie max-width:180px inline pe vehicul);
buton full-width >=44px.
- `#status-bar > div` gap redus (randuri deja flex-wrap) -> fara scroll orizontal.
- `.auth-card` -> max-width:100%; margin:24px auto (centrat, nu depaseste viewport pe mobil).
- login.html / signup.html: cardul primeste clasa `auth-card` (inputurile aveau deja width:100% inline).
- Tabelul de trimiteri (carduri 5.8) NEATINS — doar verificat intact (test US-007 existent).
### Teste (test_web_responsive.py, +2):
- test_acasa_fara_scroll_orizontal_mobil — ancore #import-section/#status-bar/#filtre-trimiteri +
reguli mobil de stivuire/full-width (seed 1 submission ca sectiunea Trimiteri sa se randeze).
- test_login_signup_full_width_mobil — /login + /signup: .auth-card centrat, width:100%, max-width:100% mobil.
### Gates:
- Tests: PASS — suita completa 840 passed, 1 deselected (era 838; +2 US-008).
- Browser (E2E requiresBrowserCheck): DEFERAT la VERIFY (375px pe /, /login, /signup —
fara scroll orizontal; upload + filtre pe o coloana; carduri trimiteri intacte).
### Learnings:
- `_coada.html` (filtrele + #submissions-wrap) se include in `_acasa.html` DOAR cand `are_trimiteri`
e True (zero trimiteri = bara upload acopera CTA-ul). Testul de markup pentru `#filtre-trimiteri`
trebuie sa semene un submission; regulile CSL traiesc oricum in base.html (mereu prezente).
- login/signup mosteneau deja `width:100%` inline + `margin:40px auto`; lipsea doar plafonarea
latimii pe mobil — rezolvata centralizat prin clasa `.auth-card` (fara duplicare de stil inline).
---