Encontré algunos problemas al probar el CSS para modificar la página 404 de Discourse.
Todas las capturas de pantalla se realizaron en safe-mode, sin hojas de estilo personalizadas añadidas aún y solo con los plugins oficiales instalados.
Creé categorías y subcategorías con nombres muy largos (máximo 50 caracteres, límite predeterminado establecido por Discourse) y nombres muy cortos o normales para probar la renderización del CSS en la página 404.
Aquí están los problemas:
Estilo de categoría establecido en none:
Si los nombres de las categorías son extremadamente largos, el nombre no se corta correctamente ni en la página de inicio ni en el menú hamburguesa.
Tras una búsqueda rápida en la consola del navegador, el elemento
.badge-wrapper.none span.badge-category y sus configuraciones CSS relativas no están presentes en la hoja de estilos de Discourse.
Estilo de categoría establecido en bullet:
Si los nombres de las categorías son extremadamente largos, el viñeta pierde su forma cuadrada (este problema también se hereda en personalizar la página 404). Tenga en cuenta que esta es una categoría principal.
Aquí creo que el problema es la configuración display: inline-flex en .badge-wrapper.bullet.
Sé que no muchos sitios crean categorías con nombres tan largos (50 caracteres), pero dado que es posible hacerlo, estos errores de diseño deben corregirse.
v1.9.0.beta8 +100