È possibile stilizzare separatamente la pagina "Ultimi" e la pagina "Top"?

Supporto
4

Sì, la soluzione di @manuel è un buon approccio per ottenere le cose in modo abbastanza semplice. Usando window.location.href potresti riscontrare problemi nell’ottenere l’URL corretto a causa del runloop di Ember.

Per adattare ciò che stai facendo all’approccio più “Ember” dovresti fare qualcosa di simile a questo:

<script type="text/discourse-plugin" version="1.1.0">
  api.onPageChange(() => {
    const router = api.container.lookup('service:router');

    if (router.currentRoute.name === 'discovery.top') {
      document.querySelectorAll('#main-title')[0].style.display = 'none';
    }
  });
</script>

Tuttavia, è probabilmente meglio se aggiungi semplicemente una classe al body e stilizzi quella classe, il che ti permetterà anche di apportare modifiche stilistiche più complesse.

<script type="text/discourse-plugin" version="1.1.0">
  api.onPageChange(() => {
    const router = api.container.lookup('service:router');

    if (router.currentRoute.name === 'discovery.top') {
      document.body.classList.add('route-discovery-top');
    } else {
      document.body.classList.remove('route-discovery-top');
    }
  });
</script>

.route-discovery-top #main-title {
    display: none;
}
3 Mi Piace