Compatta i campi di accesso e togli il doppio bordo sul fuoco

Sul fuoco si vedevano due bordi: quello del campo piu' l'anello globale che
l'input riceve per conto suo, con raggio e colore diversi. Dove e' il
contenitore a segnare il fuoco — accesso, ricerca, barcode, gruppi del form —
l'anello sull'input non serve: il fuoco resta visibile dal bordo del campo.

Campi da 74 a 56 punti: padding piu' stretto, riga del valore alta quanto il
testo che contiene. Il bottone che mostra la password sborda nel padding invece
di alzare la riga, cosi' il campo password non e' piu' alto degli altri due e
il bersaglio resta da 44.

"Accedi" disabilitato era navy pieno con testo bianco: sembrava pronto, e il
tocco a vuoto sembrava un guasto. Ora e' chiaramente inerte.

Con la tastiera aperta il marchio finiva tagliato sopra e non si poteva
risalire: il pannello si centra con i margini automatici invece che con
align-items, cosi' lo scroll arriva anche in cima. Via anche la barra di
scorrimento, come nel resto delle schermate.

Verificata sul terminale, a riposo e col campo attivo.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-09-17 14:07:49 +02:00
parent 4c1ef3d846
commit 8cfce316fa
2 changed files with 38 additions and 8 deletions
+12
View File
@@ -245,6 +245,18 @@ textarea:focus-visible,
border-radius: var(--radius-compact);
}
/* Dove e' il contenitore a segnare il fuoco — campo di accesso, ricerca,
barcode, gruppo di form — l'anello sull'input disegnerebbe un secondo bordo
dentro il primo, con raggio e colore diversi. Il fuoco resta visibile: lo
mostra il bordo del campo. */
.onboarding__field input:focus-visible,
.search-field input:focus-visible,
.barcode-field input:focus-visible,
.form-group input:focus-visible,
.form-group textarea:focus-visible {
outline: none;
}
/* -----------------------------------------------------------------------------
Risposta al tocco
Feedback fisico immediato (principio "Feedback immediato a ogni scan"):