Ordem dos níveis de confiança exibida na página de emblemas

Suporte
1

Mudei o nome dos meus níveis de confiança, mas isso alterou a ordem exibida na página de emblemas. Por exemplo, o nível de confiança 1 está sendo exibido após o nível de confiança 2. Existe alguma maneira de corrigir isso?

image
image700×189 10.4 KB

O BetaUser deveria aparecer antes do BetaTester. Como posso fazer isso?

2

Está listado em ordem alfabética

3

Você pode fazer isso com CSS, por exemplo:

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

Devido à forma como o layout da página de emblemas foi construído atualmente (flexbox), talvez você também precise ajustar algumas margens em diferentes larguras de tela se alterar a ordem.

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

A necessidade de ajustar as margens desaparecerá ainda este ano, quando deixarmos de dar suporte ao IE11 (pois poderemos construir o layout com grid em vez de flexbox).

4

Onde posso encontrar o CSS dos emblemas? Pode me mostrar o caminho? Obrigado

5

Você pode adicionar CSS personalizado em admin > personalizar > temas. A maneira mais fácil de encontrar as classes CSS relevantes é clicar com o botão direito em um elemento na página que deseja editar e inspecioná-lo no seu navegador.

Caso contrário, você precisará procurar no código-fonte do Discourse para referência (observe que você não pode editar diretamente o CSS do Discourse… você precisa sobrescrever o que precisa em um tema). O CSS da página de distintivos está neste arquivo: discourse/app/assets/stylesheets/common/base/user-badges.scss at main · discourse/discourse · GitHub