Caratteri più grandi in tutta l'app (DD-049); etichetta «Cacche» nella rosa
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>
This commit is contained in:
1 parent
519f9aaff4
commit
77e5daaa7a
38 files changed
+437
-347
No files matched your search
@@ -0,0 +1,53 @@
|
||||
# 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**
|
||||
|
||||
1. 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.
|
||||
|
||||
2. **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).
|
||||
3. **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.
|
||||
Reference in new issue
Block a user