J’ai détecté quelques problèmes lors des tests du CSS destiné à modifier la page 404 de Discourse.
Toutes les captures d’écran ont été réalisées en safe-mode, sans feuille de style personnalisée ajoutée pour l’instant, et uniquement avec les plugins officiels installés.
J’ai créé des catégories et sous-catégories avec des noms très longs (50 caractères maximum, limite par défaut fixée par Discourse) ainsi que des noms très courts ou normaux, afin de tester le rendu du CSS sur la page 404.
Voici les problèmes constatés :
Style de catégorie défini sur none :
Si les noms de catégories sont extrêmement longs, le nom n’est pas correctement tronqué, ni sur la page d’accueil ni dans le menu hamburger.
D’après une recherche rapide dans la console du navigateur, l’élément
.badge-wrapper.none span.badge-category et ses paramètres CSS relatifs manquent dans la feuille de style de Discourse.
Style de catégorie défini sur bullet :
Si les noms de catégories sont extrêmement longs, le point perd sa forme carrée (ce problème est également hérité dans la personnalisation de la page 404). Notez qu’il s’agit d’une catégorie parente.
Je pense que le problème vient ici du paramètre display: inline-flex appliqué à .badge-wrapper.bullet.
Je sais que peu de sites créent des catégories avec des noms aussi longs (50 caractères), mais puisque cette possibilité existe, ces erreurs de mise en page doivent être corrigées.
v1.9.0.beta8 +100