バッジページでの信頼度レベルの順序表示

サポート
1

信頼レベルの名前を変更しましたが、バッジページに表示される順序が変わってしまいました。例えば、信頼レベル1が信頼レベル2の後に表示されるなどです。これを修正する方法はありますか？

image
image700×189 10.4 KB

BetaUser が BetaTester の前に表示されるようにするにはどうすればよいでしょうか？

2

アルファベット順にリストされています

3

CSS を使用して実現できます。例えば：

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

現在のバッジページのレイアウトはフレックスボックスで構築されているため、順序を変更する場合は、画面幅に応じていくつかの余白を調整する必要があるかもしれません。

.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;
  }
}

今年後半に IE11 のサポートを終了すれば（その時点でレイアウトをグリッドで構築できるようになるため）、余白の調整に手間取る必要はなくなります。

4

バッジのCSSはどこにありますか？パスを教えていただけますか？ありがとうございます

5

カスタム CSS は「管理 > カスタマイズ > テーマ」で追加できます。編集したいページの要素を右クリックしてブラウザで検証すると、関連する CSS クラスを簡単に特定できます。

それ以外の場合は、Discourse のソースコードを参照する必要があります（ただし、Discourse の CSS を直接編集することはできません。必要な部分をテーマで上書きする必要があります）。バッジページの CSS はこのファイルにあります：discourse/app/assets/stylesheets/common/base/user-badges.scss at main · discourse/discourse · GitHub