Vertrauensstufen-Ordnungsausstellung auf der Abzeichen-Seite

Unterstützung
1

Ich habe die Namen meiner Vertrauensstufen geändert, aber dadurch hat sich die Reihenfolge auf der Seite mit den Abzeichen geändert. Beispielsweise wird Vertrauensstufe 1 nach Vertrauensstufe 2 angezeigt. Gibt es eine Möglichkeit, das zu ändern?

image
image700×189 10.4 KB

BetaUser sollte vor BetaTester erscheinen. Wie kann ich das bewerkstelligen?

2

Es ist alphabetisch sortiert

3

Das können Sie beispielsweise mit CSS machen:

.badge-card.betauser {
    order: -1;
}

Aufgrund des aktuellen Aufbaus der Badges-Seite (Flexbox) müssen Sie möglicherweise die Abstände bei verschiedenen Bildschirmbreiten anpassen, wenn Sie die Reihenfolge ändern.

.badge-card.betauser {
    order: -1;
  @media screen and (max-width: 850px) {
    margin-right: 1.63%
  }
}

.badge-card.betatester {
  @media screen and (max-width: 850px) {
    margin-right: 0;
  }
}

Die Notwendigkeit, an den Abständen zu feilen, wird später in diesem Jahr entfallen, sobald wir die Unterstützung für IE11 einstellen (da wir das Layout dann mit Grid statt mit Flexbox aufbauen können).

4

Wo kann ich das CSS der Abzeichen finden? Können Sie mir den Pfad zeigen? Danke.

5

Sie können benutzerdefiniertes CSS unter admin > anpassen > Themes hinzufügen. Der einfachste Weg, die relevanten CSS-Klassen zu finden, besteht darin, mit der rechten Maustaste auf ein Element auf der Seite zu klicken, die Sie bearbeiten möchten, und es in Ihrem Browser zu inspizieren.

Ansonsten müssen Sie sich durch den Discourse-Quellcode arbeiten, um Referenzen zu finden (beachten Sie, dass Sie das CSS von Discourse nicht direkt bearbeiten können … Sie müssen das, was Sie benötigen, in einem Theme überschreiben). Das CSS für die Badge-Seite befindet sich in dieser Datei: discourse/app/assets/stylesheets/common/base/user-badges.scss at main · discourse/discourse · GitHub