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

Soutien
1

J’aimerais avoir un style différent sur notre page d’accueil (qui est /latest) par rapport à /new, /unread, etc. Est-ce possible via CSS pour le moment ? Merci !

2

Nous n’ajoutons aucune classe en fonction du filtre actuel. Que cherchez-vous à faire ?

3

Nous utilisons le plugin d’aperçu de la liste des sujets pour afficher des images d’aperçu et souhaitons les voir uniquement sur la page d’accueil : https://1e9.community/

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:

5

Merci beaucoup ! Grande aide !