PM Inbox .user-main .controls quebrando layout de largura responsiva

Olá, aqui no Discourse Meta e na minha instância do Discourse, o botão “Expandir” nas mensagens pessoais .user-main .controls transborda para fora da largura da janela do navegador, mesmo com uma largura de navegador razoável de ~2/3 da minha resolução de tela de 1920x1080. O resultado é o mesmo no Firefox e no Chromium:

3 curtidas

estes botões devem agora quebrar e não mais estourar

2 curtidas

Obrigado @Kris por se lembrar disso!
Por acaso essa correção entrará no branch 3.3 Stable?

1 curtida

Não, não acredito. Um problema de interface como este seria geralmente considerado menor, e o backporting de alterações para o stable é geralmente um processo mais complicado reservado para bugs que quebram a funcionalidade ou causam problemas de segurança.

Enquanto isso, você pode adicionar um pouco de CSS ao seu tema ou a um componente de tema separado que melhorará o layout.

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

Isso não é tão completo quanto a solução adicionada diretamente ao Discourse, mas permitirá que os controles quebrem e evitem o overflow até que você consiga atualizar.