He cambiado el nombre de mis niveles de confianza, pero esto ha alterado el orden que se muestra en la página de insignias; por ejemplo, el nivel de confianza 1 se muestra después del nivel de confianza 2. ¿Existe alguna forma de cambiar eso?
BetaUser debería aparecer antes que BetaTester. ¿Cómo puedo lograrlo?
Se encuentra listado en orden alfabético
Puedes hacerlo con CSS, por ejemplo:
.badge-card.betauser {
order: -1;
}
Debido a cómo está construido actualmente el diseño de la página de insignias (flexbox), es posible que también necesites ajustar algunos márgenes en diferentes anchos de pantalla si cambias el orden.
.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 necesidad de ajustar los márgenes desaparecerá más adelante este año, una vez que dejemos de dar soporte a IE11 (ya que entonces podremos construir el diseño con grid en lugar de flexbox).
¿Dónde puedo encontrar el CSS de las insignias? ¿Puedes mostrarme la ruta? Gracias
Puedes agregar CSS personalizado en admin > personalizar > temas. La forma más sencilla de encontrar las clases CSS relevantes es hacer clic derecho en un elemento de la página que deseas editar e inspeccionarlo en tu navegador.
De lo contrario, tendrás que buscar en el código fuente de Discourse para consultar (ten en cuenta que no puedes editar directamente el CSS de Discourse… debes sobrescribir lo que necesites en un tema). El CSS de la página de insignias se encuentra en este archivo: discourse/app/assets/stylesheets/common/base/user-badges.scss at main · discourse/discourse · GitHub