Gérer différemment /latest via CSS par rapport à /new, etc.

Soutien
4

Vous pouvez ajouter ceci à l’onglet header de votre thème, et les classes seront ajoutées à la balise <body> au fur et à mesure de votre navigation.

<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>

Cela ajoutera filter-mode-FILTREMODE comme classe, par exemple :

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

Vous pouvez ensuite combiner cela avec la classe navigation-topics pour rendre votre CSS plus spécifique, comme ceci :

.navigation-topics.filter-mode-new {
  // faites quelque chose
}

Notez que l’utilisation de CSS pour masquer les images n’empêchera pas le navigateur de les télécharger. Vous ne bénéficierez d’aucune économie de bande passante grâce à cela, seul l’affichage sera modifié.

En outre, très beau site :+1: