Gestire /latest diversamente da /new ecc. tramite CSS

Supporto
4

Puoi aggiungere questo al tab header del tuo tema e le classi verranno aggiunte al tag <body> mentre navighi

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

Aggiungerà filter-mode-FILTERMODE come classe, ad esempio

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

Puoi quindi combinarlo con la classe navigation-topics per rendere il tuo CSS specifico, ad esempio

.navigation-topics.filter-mode-new {
  // esegui operazioni
}

Tieni presente che nascondere le immagini tramite CSS non impedirà al browser di scaricarle. Non otterrai alcun risparmio di larghezza di banda da questo, solo cambiamenti visivi.

Complimenti per il sito :+1:}