Bug CSS overflow per lo stile dell'elenco delle sottocategorie delle caselle

Ciao! Ho notato un piccolo bug con le sottocategorie visualizzate come riquadri. Quando ridimensioni la finestra del browser, il testo esce dall’area del riquadro.

Ho temporaneamente aggiunto questo per ovviare al problema: .category-boxes .description {overflow: hidden;}.

Non sono sicuro che si tratti di un bug specifico del mio tema o di Discourse in generale, ma ho visto lo stesso problema su altri siti come https://discuss.codecademy.com/c/project/1833.

È un problema generale di Discourse.

Stiamo utilizzando JS per limitare l’overflow e mantenere le caselle a un’altezza coerente, quindi il layout si rompe al ridimensionamento ma si ripara quando si aggiorna la pagina.

Questa soluzione è stata implementata originariamente 3 anni fa e abbiamo recentemente abbandonato il supporto per IE11, quindi è probabilmente il momento giusto per aggiornare questo layout ed evitare il problema.

Grazie @awesomerobot, ha senso!

Ieri ho unito un aggiornamento che modifica il funzionamento dell’overflow. Ora utilizziamo CSS line-clamp, che si adatta al ridimensionamento della pagina senza necessità di ricaricarla.

Riceverai questa modifica la prossima volta che il tuo sito verrà aggiornato.

Ciao! Mi chiedevo se esiste un modo per applicare l’impostazione ‘Box con sottocategorie’ solo a un tema o componente di tema specifico. In caso contrario, c’è un modo per visualizzare in anteprima questa impostazione senza pubblicarla?