Ordre des niveaux de confiance affiché sur la page des badges

Soutien
1

J’ai changé le nom de mes niveaux de confiance, mais cela a modifié l’ordre affiché sur la page des badges. Par exemple, le niveau de confiance 1 s’affiche après le niveau de confiance 2. Existe-t-il un moyen de corriger cela ?

image
image700×189 10.4 KB

BetaUser devrait apparaître avant BetaTester. Comment puis-je faire ?

2

Il est classé par ordre alphabétique

3

Vous pouvez le faire avec du CSS, par exemple :

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

En raison de la manière dont la mise en page de la page des badges est actuellement construite (flexbox), vous devrez peut-être également ajuster certaines marges à différentes largeurs d’écran si vous modifiez l’ordre.

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

La nécessité de manipuler les marges disparaîtra plus tard cette année, une fois que nous abandonnerons le support d’IE11 (car nous pourrons alors construire la mise en page avec grid au lieu de flexbox).

4

Où puis-je trouver le CSS des badges ? Pouvez-vous m’indiquer le chemin ? Merci

5

Vous pouvez ajouter du CSS personnalisé sous admin > personnaliser > thèmes. Le moyen le plus simple de trouver les classes CSS pertinentes est de faire un clic droit sur un élément de la page que vous souhaitez modifier et de l’inspecter dans votre navigateur.

Sinon, vous devez fouiller dans le code source de Discourse pour vous référer (notez que vous ne pouvez pas modifier directement le CSS de Discourse… vous devez remplacer ce dont vous avez besoin dans un thème). Le CSS de la page des badges se trouve dans ce fichier : discourse/app/assets/stylesheets/common/base/user-badges.scss at main · discourse/discourse · GitHub