davideandClaude Sonnet 5.5
77e5daaa7a
Ogni testo sotto i 16 px sale di un passo in tutte le pagine (12→13, 13→14, 14→15, 15→16); restano invariate le barre a pillola dei menu (navigazione in basso e sottosezioni) e i badge da 10-11 px. Nella scheda giocatore di Squadra l'etichetta «Cacche/partita» diventa «Cacche» (il valore resta la media). Documentazione: DD-049, CHANGELOG, ARCHITECTURE, PROJECT_STATE, moduli squadra e allenatore. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
2.5 KiB
DD-049 — Caratteri più grandi in tutta l'app
Data: 6 ottobre 2026
Stato: Accettata (solo interfaccia, nessuna migration)
Contesto
L'app si usa soprattutto dal telefono, anche da chi non è pratico. Molti testi erano a 12 px
(text-xs) e 14 px (text-sm): faticosi da leggere, soprattutto in Home, dove le card di
avvisi, eventi e statistiche hanno quasi solo testo piccolo.
Decisione
-
Tutti i testi sotto i 16 px salgono di un passo, in ogni pagina:
Prima Dopo text-xs(12 px)13 px 13 px 14 px 14 px 15 px text-sm(14 px)15 px 15 px 16 px Si usano le misure fisse
text-[13px],text-[14px],text-[15px],text-[16px], già presenti nel codice.text-base(16 px) e i titoli grandi non cambiano. -
Restano invariati i testi delle barre a pillola dei menu, cioè la navigazione in basso (
BottomNav) e le sottosezioni (BarraSottosezioni), e i testi minuscoli da 10 e 11 px (conteggio sulla campanella). -
Avvisi in Home (certificati e turno palloni): un solo componente,
Avviso(src/components/crapp/Avviso.tsx), con titolo da 18 px, testi da 15 px, icona propria per ogni caso (il colore non è l'unico segnale), elenchi in righe con il dettaglio a destra. Il turno palloni ha in più la pillola «Oggi» o «In arrivo» e i messaggi in riquadri. Cambia solo l'aspetto, non i testi né le regole su quando un avviso compare.
Alternative scartate
- Alzare la dimensione base del browser (
rem) → scartata: ingrandirebbe anche icone, spazi e barre a pillola, e ogni schermata andrebbe ricontrollata. - Ingrandire solo la Home → scartata: le altre pagine avevano gli stessi testi piccoli.
- Salire di due passi → scartata: in contenitori stretti (badge, tessere, righe di classifica) il testo andrebbe a capo o verrebbe troncato.
Conseguenze
- Un testo che stava stretto può andare a capo o troncarsi: non c'è un controllo visivo automatico, va guardato sul telefono. Chi vede un punto rotto segnala la schermata.
- Per un testo nuovo, la scala di partenza è 13 px per le note, 15 px per il corpo, 16 px per i titoli di card.
- Le card degli eventi sono condivise tra Home e Calendario: crescono insieme.
Riesame
Se dopo l'uso sul telefono compaiono testi troncati in più punti, tornare a un passo solo nei
contenitori stretti, senza toccare il resto.