Beim Testen des CSS zur Anpassung der Discourse-404-Seite habe ich einige Probleme festgestellt.
Alle Screenshots wurden im safe-mode erstellt, es wurden noch keine benutzerdefinierten Stylesheets hinzugefügt, und es sind nur die offiziellen Plugins installiert.
Ich habe Kategorien und Unterkategorien mit sehr langen Namen (max. 50 Zeichen, das von Discourse festgelegte Standardlimit) sowie mit sehr kurzen oder normalen Namen erstellt, um das CSS-Rendering auf der 404-Seite zu testen.
Hier sind die Probleme:
Kategorie-Stil auf none gesetzt:
Wenn die Kategoriennamen extrem lang sind, wird der Name weder auf der Startseite noch im Hamburger-Menü korrekt abgeschnitten.
Bei einer kurzen Suche in der Browserkonsole stellt sich heraus, dass das Element
.badge-wrapper.none span.badge-category und die zugehörigen CSS-Einstellungen im Discourse-Stylesheet fehlen.
Kategorie-Stil auf bullet gesetzt:
Wenn die Kategoriennamen extrem lang sind, verliert der Aufzählungspunkt seine quadratische Form (dieses Problem wird auch bei der Anpassung der 404-Seite vererbt). Beachten Sie, dass dies eine übergeordnete Kategorie ist.
Hier liegt das Problem meiner Meinung nach bei der Einstellung display: inline-flex für .badge-wrapper.bullet.
Ich weiß, dass nicht viele Websites Kategorien mit so langen Namen (50 Zeichen) erstellen, aber da die Möglichkeit dazu besteht, müssen diese Layoutfehler behoben werden.
v1.9.0.beta8 +100