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

@@ -290,6 +290,27 @@
#jurnal-section #filtre-jurnal > div { width:100%; }
#card-cont button, #form-test-cheie button,
#jurnal-section #filtre-jurnal button { min-height:44px; width:100%; }
/* === PRD 5.9 US-008: Acasa (upload, status, filtre) + login/signup pe mobil ===
Zona de upload, bara de status si bara de filtre (`_coada.html`) stiveaza pe O
coloana sub 767px; inputuri/butoane full-width cu tinta touch >=44px. Scopat pe
id-urile sectiunilor de pe Acasa ca sa NU atinga tabelul de trimiteri (5.8),
modalul sau paginile de continut (US-007). */
/* Bara de upload: zona slim (returning user) trece pe coloana; butonul full-width. */
#import-section .drop-zone { flex-direction:column; align-items:stretch; text-align:left; }
#import-section #upload-btn { width:100%; min-height:44px; }
/* Bara de status: contoarele/randurile raman aliniate la stanga, fara scroll orizontal. */
#status-bar > div { gap:10px; }
/* Bara de filtre trimiteri: o coloana, fiecare control full-width, buton >=44px.
!important suprascrie latimile inline (ex. max-width:180px pe vehicul) DOAR pe mobil. */
#filtre-trimiteri { flex-direction:column; align-items:stretch; }
#filtre-trimiteri > div { width:100%; }
#filtre-trimiteri select, #filtre-trimiteri input[type=text],
#filtre-trimiteri input[type=date] { width:100% !important; max-width:none !important; }
#filtre-trimiteri button { width:100%; min-height:44px; }
/* Card de autentificare (login/signup): centrat si nu depaseste viewport-ul pe mobil. */
.auth-card { max-width:100%; margin:24px auto; }
}
</style>
</head>