Address /latest anders als /new etc. via CSS

Unterstützung
4

Du kannst dies zum header-Tab deines Themes hinzufügen, und es fügt beim Navigieren die Klassen zum <body>-Tag hinzu.

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

Dadurch wird filter-mode-FILTERMODE als Klasse hinzugefügt, wie hier:

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

Du kannst dies dann mit der Klasse navigation-topics kombinieren, um dein CSS spezifischer zu gestalten, wie hier:

.navigation-topics.filter-mode-new {
  // Aktionen ausführen
}

Beachte jedoch, dass das Verstecken von Bildern mittels CSS nicht verhindert, dass der Browser sie herunterlädt. Du wirst dadurch keine Bandbreitenersparnis erzielen, sondern nur visuelle Änderungen.

Außerdem, tolle Seite :+1: