53 lines
2.5 KiB
Markdown
53 lines
2.5 KiB
Markdown
 
|
# 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.
|