Ho riscontrato alcuni problemi durante i test del CSS per modificare la pagina 404 di Discourse.
Tutti gli screenshot sono stati realizzati in safe-mode, senza fogli di stile personalizzati aggiunti e con installati solo i plugin ufficiali.
Ho creato categorie e sottocategorie con nomi molto lunghi (massimo 50 caratteri, limite predefinito impostato da Discourse) e nomi molto brevi o normali per testare il rendering del CSS nella pagina 404.
Ecco i problemi riscontrati:
Stile categoria impostato su none:
Se i nomi delle categorie sono estremamente lunghi, il nome non viene tagliato correttamente né sulla home page né nel menu hamburger.
Da una rapida ricerca nella console del browser, l’elemento
.badge-wrapper.none span.badge-category e le relative impostazioni CSS risultano mancanti dal foglio di stile di Discourse.
Stile categoria impostato su bullet:
Se i nomi delle categorie sono estremamente lunghi, il punto elenco perde la sua forma quadrata (questo problema è ereditato anche nella personalizzazione della pagina 404). Si noti che si tratta di una categoria genitore.
Qui ritengo che il problema risieda nell’impostazione display: inline-flex su .badge-wrapper.bullet.
So che non molti siti creano categorie con nomi così lunghi (50 caratteri), ma, dato che è possibile farlo, questi errori di layout devono essere corretti.
v1.9.0.beta8 +100