Tratar /latest de forma diferente a /new etc. mediante CSS

Soporte
1

Me gustaría tener un estilo diferente en nuestra página de inicio (que es /latest) que en /new, /unread, etc. ¿Es esto posible mediante CSS en este momento? ¡Gracias!

2

No agregamos ninguna clase basada en el filtro actual. ¿Qué estás intentando hacer?

3

Usamos el plugin de vista previa de la lista de temas para mostrar imágenes de adelanto y nos gustaría tenerlas solo en la página principal: https://1e9.community/

4

Puedes agregar esto a la pestaña header de tu tema y se añadirán las clases a la etiqueta <body> mientras navegas.

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

Se añadirá filter-mode-FILTROMODO como una clase de la siguiente manera:

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

Luego puedes combinarlo con la clase navigation-topics para hacer tu CSS más específico, así:

.navigation-topics.filter-mode-new {
  // hacer algo
}

Ten en cuenta que usar CSS para ocultar imágenes no impedirá que el navegador las descargue. No obtendrás ningún ahorro de ancho de banda con esto, solo cambios visuales.

Además, ¡qué sitio tan bonito :+1:!

5

¡Muchas gracias! ¡Gran ayuda!