Elenco argomenti MD Componente Mobile

Ho inviato una correzione

3 Mi Piace

La seconda con l’avatar sulla destra, per favore :pray:

Sono contento che il componente sia stato aggiornato, lo sto usando su tutte le mie istanze.

1 Mi Piace

L’alternativa sembra buona. Sostituire l’avatar con il badge è strano, ad essere onesti. Personalmente ridurrei le dimensioni del badge, ma sì, mi sembra buono.

2 Mi Piace

Mi piace questa alternativa.

2 Mi Piace

Ok, ho aggiornato il componente per provare. Fammi sapere se hai qualche problema

Grazie ancora @Arkshine, senza il tuo lavoro l’avrei lasciato perdere

2 Mi Piace

Pensi sia necessario visualizzare anche il numero di visualizzazioni e mi piace sotto il titolo?
Perché nella vecchia versione venivano visualizzati.

Non credo, la mia ipotesi è che l’hai aggiunto direttamente nel componente usando un plugin outlet

Non ho il codice al momento, ma se ti serve davvero posso aiutarti

Il codice di base dovrebbe essere qualcosa del genere

<script type='text/x-handlebars' data-template-name='/connectors/topic-list-after-category/viewsandlikes'>
  <span class='topic-views'>{{d-icon "eye"}} **code**</span>
  <span class='topic-likes'>{{d-icon "heart"}} **code**</span>
</script>
1 Mi Piace

Ah, davvero? Non ricordo se ho apportato delle modifiche.
Forse la mia memoria mi sta ingannando.
Ma grazie per il tuo aiuto, cambierò il codice da parte mia :sweat_smile:

1 Mi Piace

Comunque, sembra che il link di anteprima non funzioni.

2 Mi Piace

Risolto, grazie

ho sistemato la mia pagina di creazione del tema, ma ho dimenticato di condividere di nuovo questi componenti

3 Mi Piace

Ciao Steven,

Quando viene pubblicato un nuovo articolo, compaiono due badge dopo il titolo dell’articolo. È stato impostato intenzionalmente?

Ho aggiunto un pezzo di codice JS per rimuoverne uno, ma non sembra funzionare in modo coerente, specialmente quando si utilizzano browser diversi.

Hai altri buoni suggerimenti?

document.addEventListener("DOMContentLoaded", function () {
  const badges = document.querySelectorAll(".topic-post-badges .badge-notification.new-topic");
  if (badges.length > 1) {
    // Rimuove il secondo badge
    badges[1].remove();
  }
});

1 Mi Piace

Penso di aver capito, ho inviato una correzione, prova ad aggiornare e fammi sapere se ora va bene.

1 Mi Piace

Dopo l’aggiornamento funziona molto bene. Grazie :smiley:

2 Mi Piace

L’indicatore online è fuori posto :slight_smile:


Vedi sulla prima riga

1 Mi Piace

È complicato poiché il plugin whos online collega questo indicatore al lato sinistro (che abbiamo disattivato) e l’avatar è centrato verticalmente.

Posso avvicinarmi con queste modifiche (inseriscile in un foglio di stile CSS mobile), ma è decisamente lontano dalla perfezione.

.pull-left {
  float: right;
}

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  top: -15px;
  left: unset;
  right: -50px;
}

La soluzione più semplice sarebbe disattivare questo indicatore su mobile e solo nella lista degli argomenti

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  display: none;
}
2 Mi Piace

Ciao Max. Voglio mostrare anche alcune cose sotto il titolo, come il numero di like e visualizzazioni. Come hai fatto?

Piccolo aggiornamento sul componente, all’interno di una categoria, l’elenco degli argomenti era piuttosto vuoto. Ho aggiunto alcune informazioni con l’autore e il numero di post.

Prima

Dopo

1 Mi Piace

Sembra buono. Ho regolato alcuni colori per evitare che fossero troppo vistosi.

body.category .category-author-comments {
    color: var(--primary-medium) !important;
}
body.category .category-author-comments a {
    color: var(--primary-medium) !important;
}