Ordina i livelli di fiducia nella pagina dei badge

Supporto
1

Ho modificato i nomi dei livelli di fiducia, ma questo ha alterato l’ordine visualizzato nella pagina dei distintivi. Ad esempio, il livello di fiducia 1 viene mostrato dopo il livello di fiducia 2. Esiste un modo per correggere questo?

image
image700×189 10.4 KB

BetaUser dovrebbe apparire prima di BetaTester. Come posso farlo?

2

È elencato in ordine alfabetico

3

Puoi farlo con CSS, ad esempio

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

A causa di come è attualmente strutturato il layout della pagina dei badge (flexbox), potresti dover regolare anche alcuni margini a diverse larghezze di schermo se cambi l’ordine.

.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 necessità di aggiustare i margini scomparirà entro la fine di quest’anno, una volta che disattiveremo il supporto per IE11 (poiché potremo allora costruire il layout con grid invece che con flexbox).

4

Dove posso trovare il CSS dei badge? Puoi mostrarmi il percorso? Grazie

5

Puoi aggiungere CSS personalizzato in admin > personalizza > temi; il modo più semplice per trovare le classi CSS pertinenti è fare clic con il tasto destro su un elemento nella pagina che desideri modificare e ispezionarlo nel tuo browser.

In alternativa, devi scavare nel codice sorgente di Discourse per fare riferimento (nota: non puoi modificare direttamente il CSS di Discourse… devi sovrascrivere ciò di cui hai bisogno in un tema). Il CSS della pagina dei badge si trova in questo file discourse/app/assets/stylesheets/common/base/user-badges.scss at main · discourse/discourse · GitHub