Endereçar /latest de forma diferente de /new etc via CSS

Suporte
4

Você pode adicionar isso à aba header do seu tema e as classes serão adicionadas à tag <body> conforme você navega

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

Isso adicionará filter-mode-FILTROMODO como uma classe, assim:

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

Em seguida, você pode combiná-la com a classe navigation-topics para tornar seu CSS específico, como mostrado abaixo:

.navigation-topics.filter-mode-new {
  // faça algo
}

Observe que usar CSS para ocultar imagens não impedirá que o navegador as baixe. Você não obterá economia de largura de banda com isso, apenas alterações visuais.

Além disso, site legal :+1: