Problema di layout responsive "cerca in questo argomento" con font base "Ubuntu"

Ciao, ho un problema di rendering strano a determinati livelli di zoom con Firefox sul mio sito. Il problema riguarda il testo della ricerca “in questo argomento” che va a capo su due righe. Sembra che accada solo con il font di base del sistema impostato su “Ubuntu” e con il livello di zoom al 100% o 110%. Ho anche impostato la preferenza della dimensione del carattere dell’interfaccia del mio profilo Discourse su “Più grande”. Sto riscontrando lo stesso comportamento sia con il tema Sam’s Simple Theme che con il tema predefinito Discourse light, e ho provato a disabilitare tutti i miei componenti del tema, quindi non sembra essere correlato a qualsiasi altra personalizzazione oltre allo stile del font di base.

Discourse Meta con Sam’s Simple Theme e font Arial predefinito, nessun bug (uguale anche sul mio sito con font di base Arial)

Il mio forum con Sam’s Simple Theme e font di base “Ubuntu”

Zoom 100%, bug presente:

Zoom 110%, bug presente:

Zoom 120%, nessun bug:

Zoom 90%, nessun bug:

1 Mi Piace

Rinominato in UX perché funziona ancora, ma il layout non è corretto. Grazie per la segnalazione! Dovrebbe essere una correzione semplice, dovremo impedire che quel testo vada a capo con un po’ di CSS.

3 Mi Piace

Grazie mille Kris! Non ero sicuro se si trattasse di “UX” se non fosse correlato all’aggiunta/rimozione/spostamento di elementi UX. Sarò interessato a vedere la correzione CSS, perché ho riscontrato problemi di wrapping del testo in alcuni punti anche con le mie personalizzazioni del tema, ma è colpa mia. :wink:

1 Mi Piace

Questo dovrebbe risolvere il problema:

È solo

white-space: nowrap applicato al CSS del pulsante

4 Mi Piace

Grazie mille Kris! Con quella correzione aggiunta a un componente del tema personalizzato, ora è molto meglio. Ora c’è una nuova stranezza in cui le barre di scorrimento appaiono solo al 100% di zoom e consentono circa 5 pixel di movimento orizzontale:

1 Mi Piace