Address /latest anders als /new etc. via CSS

Unterstützung
1

Ich würde gerne auf unserer Startseite (die unter /latest liegt) einen anderen Stil haben als auf /new, /unread usw. Ist das derzeit per CSS möglich? Danke!

2

Wir fügen keine Klassen basierend auf dem aktuellen Filter hinzu. Was versuchen Sie zu tun?

3

Wir nutzen das Plugin für die Vorschau der Themenliste, um Teaser-Bilder anzuzeigen, und möchten diese nur auf der Startseite haben: https://1e9.community/

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:

5

Vielen Dank! Große Hilfe!