Lange Kategorienamen

Wir haben zufällig besonders lange Kategoriennamen, die dies aufgedeckt haben:

Vielleicht eine maximale Breite für dieses Element? Ich würde sagen, es ist akzeptabel, wenn der Name abgeschnitten wird, da der vollständige Name durch Öffnen des Dropdown-Menüs sichtbar ist.

1 „Gefällt mir“

Hallo Paulo,

Ich denke, es sollte standardmäßig abgeschnitten werden. Verwendest du benutzerdefiniertes CSS?

Edit: Ja, dies ist standardmäßig im CSS enthalten. Überprüfe dein CSS und füge dies hinzu, falls es fehlt.

.badge-wrapper .badge-category .category-name {
    text-overflow: ellipsis;
    overflow: hidden;
}
1 „Gefällt mir“

Wir haben zwar einige benutzerdefinierte CSS-Regeln, aber sie sind recht grundlegend und sollten dies nicht beeinflussen. Dennoch habe ich unser benutzerdefiniertes Theme im Safe-Modus deaktiviert und das gleiche Problem festgestellt.

Nach weiteren Tests habe ich bemerkt, dass dies nur in Abhängigkeit vom verfügbaren Platz ausgelöst wird. Wenn ich die verfügbare Viewport-Breite ändere, funktioniert es einwandfrei:

Oder, wenn Tags in Discourse aktiviert sind, ist es ebenfalls in Ordnung:

Aber wenn viel Platz für das Kategorienfeld vorhanden ist (und Tags nicht aktiviert sind), kann es die Vorschau überlagern.

1 „Gefällt mir“

Ich verstehe, was du meinst, und kann das Problem reproduzieren, wenn ich max-width: 100%; in dieser Zeile lösche oder überschreibe:

#reply-control .category-input .category-chooser {
    display: flex;
    flex: 1 0 auto;
    max-width: 100%;
    width: auto;
}

Andernfalls wird der Kategorienamen am Ende mit ... abgeschnitten.

1 „Gefällt mir“

Ich glaube, ich habe das im letzten Monat behoben… hast du Discourse kürzlich aktualisiert?

5 „Gefällt mir“

Entschuldigung, ich hätte vor der Meldung prüfen sollen, ob die Tests bestanden wurden. Du hast recht, dies scheint nur in der neuesten stabilen Version aufzutreten, daher kann dies geschlossen werden.

1 „Gefällt mir“