Elenco argomenti Discourse: Autori e partecipanti

[Lilly (Lillian)]

	Riepilogo	Aggiunge l’autore dell’argomento alla colonna sinistra delle pagine dell’elenco argomenti, nonché un’opzione per visualizzare solo l’ultimo autore nella colonna predefinita degli autori. L’avatar dell’autore può anche essere ridimensionato e modificato nella forma.
	Anteprima	https://discourse.theme-creator.io/theme/Lilly/discourse-topic-list-author-posters
	Repository	https://github.com/Lillinator/discourse-topic-list-author-posters
	Guida all’installazione	Come installare un tema o un componente del tema

Installa questo componente del tema

Panoramica

Questo componente del tema Discourse inserisce l’avatar dell’autore dell’argomento nella prima colonna di tutti i percorsi dell’elenco argomenti e dispone di impostazioni che consentono all’amministratore di specificare forma e dimensioni dell’avatar. Inoltre, l’avatar dell’autore non verrà mostrato come primo avatar nell’elenco degli autori.

Esiste anche un’impostazione per far sì che la colonna degli avatar degli autori visualizzi solo l’ultimo (più recente) autore, ma solo se ci sono più di un partecipante all’argomento. Pertanto, l’avatar dell’autore verrà mostrato solo se ci sono altri autori nell’argomento.

Inoltre, gli amministratori possono scegliere di visualizzare l’autore dell’argomento nella pagina delle categorie quando le visualizzazioni dell’elenco degli ultimi argomenti sono abilitate (ad esempio: „Categorie con ultimi argomenti“), e sono disponibili anche opzioni per le dimensioni e la forma degli avatar.

È presente anche un interruttore per allineare verticalmente il contenuto della riga in alto o al centro.

In visualizzazione piccola (dimensione mobile), l’autore apparirà dove si trova l’avatar dell’ultimo autore.

Questo componente funziona bene con Estratti dell’elenco argomenti e Riassunti AI di Discourse.

Impostazioni

Screenshot delle impostazioni con le opzioni predefinite nella pagina di amministrazione del componente

Impostazioni	Descrizione
Dimensione avatar autore nell'elenco argomenti	Dimensione degli avatar nella colonna dell’avatar dell’autore nelle pagine dell’elenco argomenti - piccola, media o grande.
Raggio del bordo dell'avatar autore nell'elenco argomenti	Arrotondamento degli avatar nelle pagine dell’elenco argomenti: 0% = quadrato → 50% = cerchio. tab_style = angoli arrotondati a sinistra
Mostra solo l'ultimo autore nell'elenco argomenti	Mostra solo l’avatar dell’ultimo autore nella colonna degli autori, ma solo se ci sono più di un partecipante nell’argomento.
Allinea verticalmente la riga in alto	Interruttore per allineare le righe in alto o al centro
Mostra autore nella pagina delle categorie	Mostra l’avatar dell’autore invece dell’ultimo autore negli elenchi di argomenti nella pagina delle categorie.
Dimensione avatar nella pagina delle categorie	Dimensione degli avatar nella colonna dell’avatar dell’autore negli elenchi di argomenti nella pagina delle categorie - piccola, media o grande.
Raggio del bordo dell'avatar nella pagina delle categorie	Arrotondamento degli avatar nella pagina delle categorie: 0% = quadrato → 50% = cerchio. tab_style = angoli arrotondati a sinistra

Screenshot

Ecco alcuni screenshot con diverse impostazioni di dimensioni e forma degli avatar, che mostrano anche i riassunti AI espansi.

Screenshot di varie pagine dell'elenco argomenti con diverse impostazioni del componente abilitate, mostrando entrambe le modalità riassunti compatti ed espansi, e la barra laterale espansa/collassata

Con le impostazioni predefinite:

Forma dell’avatar tab_style grande con riassunti espansi:

Avatar piccoli con forma del raggio del bordo 15% e Topic_list_show_last_poster_only abilitato:

Avatar di dimensioni medie con raggio del bordo 0% (quadrato) e Topic_list_show_last_poster_only abilitato, e riassunti espansi:

Screenshot della pagina delle categorie che mostra 2 diverse dimensioni e forme degli avatar con autore o ultimo autore.

Impostazioni predefinite del componente, con avatar rotondi di dimensioni medie e Show_author_on_categories_page abilitato:

Avatar di dimensioni grandi con stile tab_style e Show_author_on_categories_page disabilitato:

Screenshot della visualizzazione in formato mobile

Con avatar dell’autore di tipo tab_style:

---

Note

• Inserisce l’avatar dell’autore e modifica la colonna degli autori dove previsto nelle schede della pagina del profilo.
• Il comportamento su mobile è lo stesso di default negli elenchi in fondo all’argomento (argomenti suggeriti/collegati) e nelle pagine delle schede profilo e casella di posta.
• Non è davvero compatibile con il tema horizon.

---

Possibili futuri task

• Aggiungere un interruttore per disabilitare su mobile?
• Esclusioni per categorie e tag?
• Supporto da sinistra a destra?
• Formare gli avatar degli autori?

Come sempre, grazie a @Moin per l’idea, il feedback e l’aiuto nel debug.

---

Scopri il mio altro materiale Discourse

[jordanjay29]

Grazie per averlo creato, ha risolto immediatamente un potenziale problema per me!

@Lilly

Ulteriori miglioramenti di stile

Forse è già previsto, volevo menzionare che ho notato che il padding e l’allineamento della colonna dell’avatar del poster a sinistra presentano un’indentazione strana (che non è presente su dispositivi mobili con il componente disabilitato, a titolo di paragone). Sembra che l’attributo text-align di td.posters stia influenzando anche l’immagine.
L’allineamento dell’elenco degli avatar dei poster cambia anche quando è abilitato, e sembra che l’allineamento di td.topic-list-data stia sovrascrivendo quello predefinito. È abbastanza facile apportare modifiche allo stylesheet da parte mia se siete soddisfatti di questi aspetti.
Componente fantastico, grazie ancora.

[Lilly (Lillian)]

grazie per la segnalazione, ho appena rilasciato una correzione. aggiorna il componente e fammi sapere se aiuta.

[jordanjay29]

L’allineamento a sinistra dell’avatar è migliore sul desktop. Ho aggiunto questo CSS per regolare la colonna del poster centrale in base alle mie preferenze:

td.posters.topic-list-data {
    vertical-align: middle !important;
}

Penso che la vostra futura disattivazione mobile aiuterà anche, perché lo stile utilizza un po’ più di spazio bianco del necessario.

[Lilly (Lillian)]

[quote=“jordanjay29, post:4, topic:394364”]L’allineamento a sinistra dell’avatar è migliore su desktop. Ho aggiunto questo CSS per regolare la colonna del poster centrale in base alle mie preferenze:

[/quote]

l’allineamento verticale superiore è intenzionale per essere coerente con il resto della scheda dell’argomento e non verrà modificato.

non ho apportato modifiche al mobile, ma darò un’occhiata.

[jordanjay29]

L’allineamento verticale potrebbe essere stato applicato in modo troppo generico nel tuo CSS e probabilmente necessita di essere mirato solo alla custom-author-column dove stai usando td.topic-list-data. Sospetto che cambiare il target in td.custom-author-column.topic-list-data risolverà il problema e rimuoverà la necessità di uno stile personalizzato per correggerlo da parte mia.

[Lilly (Lillian)]

no, intendevo che la colonna dei poster fosse allineata verticalmente in alto insieme a tutti gli altri elementi della riga. Sembra fuori posto allineata al centro (soprattutto se si abilitano estratti o ai-gist), ma immagino sia una questione di gusti, quindi puoi regolare come preferisci.

Ho spinto una piccola modifica per il mobile.

[jordanjay29]

Dato che il mio forum non utilizza estratti, gists o riassunti AI, si preferisce l’aspetto predefinito di Discourse. A mio avviso, tale modifica avrebbe più senso in un componente tema dedicato, ma siamo in disaccordo e ho risolto il problema per quanto mi riguarda, quindi nessun rancore.

L’aspetto mobile è un po’ migliore, grazie!

[Lilly (Lillian)]

@jordanjay29 dopo averci pensato ancora, ho deciso di aggiungere un’opzione per l’allineamento (abbastanza facile).

ecco qui

c’è una nuova impostazione Allinea verticalmente in alto la riga che puoi disattivare per ottenere l’impostazione predefinita centrale. fammi sapere se funziona per te.