Priorità/Gravità: Media
Piattaforma: Mobile, qualsiasi sistema operativo/browser
Descrizione: Se un argomento contiene solo testo breve che rientra in una porzione della larghezza dello schermo, il riquadro del contenuto dell’argomento non occupa l’intera larghezza e lascia spazio vuoto a destra.
Pull request: Fix grid in topic.scss of horizon theme on mobile by fangjue · Pull Request #37604 · discourse/discourse · GitHub
Passaggi per la riproduzione:
- Creare un nuovo argomento con un titolo e un contenuto brevi. Ad esempio:
Test argomento breve
Testo del corpo molto breve. - Aprire l’argomento su schermi mobili più larghi del testo del corpo. In questo esempio, è emulato con le dimensioni di un Pixel 7 in Chrome DevTools.
- Il contenuto dell’argomento non occupa l’intera larghezza come altri argomenti più lunghi che vanno a capo. C’è spazio extra inaspettato sul lato destro dello schermo. Inoltre, i pulsanti non sono allineati correttamente con gli altri elementi della pagina.
- Se viene pubblicato un commento più lungo, il layout diventa normale.
Layout errato con contenuto dell’argomento molto breve:
Si noti che l’ora del post, i pulsanti e il progresso non sono allineati a destra con il pulsante blu di risposta all’argomento sottostante.
Dopo che è stato pubblicato un commento più lungo, il layout diventa normale:
(Caricherò nella prossima risposta a causa dell’errore: Si è verificato un errore: Spiacenti, gli utenti nuovi possono inserire solo un elemento multimediale incorporato in un post.)
