Inbox PM .user-main .controls che interrompono il layout responsive con larghezza

Ciao, qui su Discourse Meta e sulla mia istanza Discourse il pulsante “Espandi” nei messaggi personali .user-main .controls trabocca oltre la larghezza della finestra del browser anche a una larghezza del browser ragionevole di circa 2/3 della mia risoluzione dello schermo 1920x1080. Il risultato è lo stesso su Firefox e Chromium:

3 Mi Piace

questi pulsanti ora dovrebbero andare a capo e non più andare fuori dallo schermo

2 Mi Piace

Grazie @Kris per avermelo ricordato!
Per caso questa correzione sarà inclusa nella branch 3.3 Stable?

1 Mi Piace

No, non credo. Un problema di interfaccia come questo sarebbe generalmente considerato minore, e il backporting delle modifiche alle versioni stabili è solitamente un processo più complicato riservato ai bug che interrompono la funzionalità o causano problemi di sicurezza.

Nel frattempo, potresti aggiungere un po’ di CSS al tuo tema o a un componente tematico separato che migliorerà il layout.

.desktop-view .user-main .about.collapsed-info .controls > ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: end;
}

Questo non è così completo come la soluzione aggiunta direttamente a Discourse, ma permetterà ai controlli di andare a capo ed evitare l’overflow finché non potrai aggiornare.