Tratar /latest de forma diferente a /new etc. mediante CSS

Soporte
4

Puedes agregar esto a la pestaña header de tu tema y se añadirán las clases a la etiqueta <body> mientras navegas.

<script type="text/discourse-plugin" version="0.8">
api.modifyClass("component:d-navigation", {
  didInsertElement() {
    document.body.classList.add(`filter-mode-${this.filterType}`);
  },

  willDestroyElement() {
    document.body.classList.remove(`filter-mode-${this.filterType}`);
  }
});
</script>

Se añadirá filter-mode-FILTROMODO como una clase de la siguiente manera:

filter-mode-top
filter-mode-new
filter-mode-latest

Luego puedes combinarlo con la clase navigation-topics para hacer tu CSS más específico, así:

.navigation-topics.filter-mode-new {
  // hacer algo
}

Ten en cuenta que usar CSS para ocultar imágenes no impedirá que el navegador las descargue. No obtendrás ningún ahorro de ancho de banda con esto, solo cambios visuales.

Además, ¡qué sitio tan bonito :+1:!