Bug de overflow CSS no estilo de lista da subcategoria de caixas

Olá! Percebi um pequeno bug com as subcategorias exibidas como caixas. Ao redimensionar a janela do seu navegador, o texto transborda para fora da área da caixa.

Adicionei temporariamente isso para contornar o problema: .category-boxes .description {overflow: hidden;}.

Não tenho certeza se é um bug específico do meu tema ou algo geral do Discourse, mas vi o mesmo ocorrendo em outros sites, como https://discuss.codecademy.com/c/project/1833.

3 curtidas

É um problema geral do Discourse.

Estamos usando JavaScript para limitar o overflow e manter as caixas com uma altura consistente, então o layout quebra ao redimensionar, mas é corrigido quando você atualiza a página.

Isso foi implementado originalmente há 3 anos, e recentemente removemos o suporte ao IE11, então provavelmente é um bom momento para atualizar esse layout para evitar o problema.

6 curtidas

Obrigado, @awesomerobot, isso faz sentido!

Fundi uma atualização ontem que altera o funcionamento do overflow. Agora usamos o line-clamp do CSS, que se ajustará ao redimensionar a página sem necessidade de recarregamento.

Você receberá essa alteração na próxima vez que seu site for atualizado.

4 curtidas

Olá! Gostaria de saber se é possível aplicar a configuração “Caixas com Subcategorias” apenas a um tema ou componente de tema específico. Caso não seja, existe alguma maneira de visualizar essa configuração sem publicá-la?