Encontrei alguns problemas ao testar o CSS para modificar a página 404 do Discourse.
Todas as capturas de tela foram feitas no safe-mode, sem folhas de estilo personalizadas adicionadas ainda, e apenas com os plugins oficiais instalados.
Criei categorias e subcategorias com nomes muito longos (máximo de 50 caracteres, limite padrão definido pelo Discourse) e nomes muito curtos ou normais para testar a renderização do CSS na página 404.
Aqui estão os problemas:
Estilo de categoria definido como none:
Se os nomes das categorias forem extremamente longos, o nome não é cortado corretamente nem na página inicial nem no menu hambúrguer.
Em uma busca rápida no console do navegador, o item
.badge-wrapper.none span.badge-category e suas configurações CSS relativas estão ausentes na folha de estilo do Discourse.
Estilo de categoria definido como bullet:
Se os nomes das categorias forem extremamente longos, o marcador perde sua forma quadrada (esse problema também é herdado na personalização da página 404). Note que esta é uma categoria pai.
Aqui, acredito que o problema seja a configuração display: inline-flex em .badge-wrapper.bullet.
Sei que nem muitos sites criam categorias com nomes tão longos (50 caracteres), mas, dada a possibilidade de fazê-lo, esses erros de layout devem ser corrigidos.
v1.9.0.beta8 +100