Problema de layout responsivo em "pesquisar neste tópico" com fonte base "Ubuntu"

Olá, estou tendo um problema de renderização estranho em determinados níveis de zoom com o Firefox no meu site. O problema é que o texto da pesquisa “neste tópico” está quebrando em duas linhas. Parece acontecer apenas com a fonte base do sistema definida como “Ubuntu” e o nível de zoom em 100% ou 110%. Também tenho a preferência de tamanho de fonte da interface do meu perfil do Discourse definida como “Maior”. Estou vendo o mesmo comportamento com o Tema Simples do Sam, bem como com o tema claro padrão do Discourse, e tentei desativar todos os meus componentes de tema, então não parece estar relacionado a nenhuma outra personalização além do estilo da fonte base.

Discourse Meta com o Tema Simples do Sam e a fonte Arial padrão, sem bug (também o mesmo no meu site com a fonte base Arial)

Meu fórum com o Tema Simples do Sam e a fonte base “Ubuntu”

Zoom de 100%, bug presente:

Zoom de 110%, bug presente:

Zoom de 120%, sem bug:

Zoom de 90%, sem bug:

1 curtida

Reclassificado como UX, pois ainda funciona, mas o layout está incorreto. Obrigado por relatar! Esta deve ser uma correção simples, precisaremos impedir que esse texto quebre com um pouco de CSS.

3 curtidas

Muito obrigado, Kris! Eu não tinha certeza se seria “UX” se não estivesse relacionado a adicionar/remover/mover elementos de UX. Terei interesse em ver a correção CSS, porque tenho tido problemas de quebra de texto em alguns lugares com minhas próprias personalizações de tema, mas isso é culpa minha. :wink:

1 curtida

Isso deve corrigir:

É apenas

white-space: nowrap aplicado ao CSS do botão

4 curtidas

Muito obrigado, Kris! Com essa correção adicionada a um componente de tema personalizado, ficou muito melhor. Agora há uma nova peculiaridade onde as barras de rolagem aparecem apenas com zoom de 100% e permitem cerca de 5px de movimento horizontal:

1 curtida