Questo componente del tema offre uno stile alternativo per qualsiasi categoria specificata che utilizza il plugin Discourse Voting.
Installazione
Link al repository
https://github.com/discourse/discourse-alternative-voting-category-style
Se non hai familiarità con i componenti del tema e come installarli, consulta la guida all’installazione del tema. E se desideri saperne di più sui temi di Discourse, dai un’occhiata a questa guida.
Anteprima
L’idea generale si basa su questo mockup creato da @erlend_sh.
Funzionalità Degne di Nota
- Visualizzazione compatta
- Conteggio dei voti più evidente
- Icona colorata per indicare che hai votato sull’argomento
Impostazioni
Attualmente esiste un’impostazione utilizzata per specificare a quali categorie applicare lo stile:
Personalizzazioni Aggiuntive
Se desideri personalizzare l’aspetto di tag specifici all’interno del tuo argomento di voto (vedi il tag “IN PROGRESS” nell’immagine di anteprima sopra), puoi creare un componente aggiuntivo e modificare il seguente CSS per adattarlo alle tue esigenze
.voting-category.list-container {
.topic-list-item:not(.about-topic) {
// Stile comune per tutti i tag elencati
[data-tag-name="in-progress"],
[data-tag-name="my-tag-one"],
[data-tag-name="my-tag-two"] {
font-weight: bold;
text-transform: uppercase;
font-family: Trebuchet MS;
}
// Stile specifico per singoli tag
[data-tag-name="in-progress"] {
color: #9e63d0;
}
[data-tag-name="my-tag-one"] {
color: #5bd04a;
}
[data-tag-name="my-tag-two"] {
color: #5f5dd0;
}
}
}
Futuro
L’unica cosa che potresti notare mancante nel mockup originale è un estratto dell’argomento sotto il titolo. Questa funzionalità richiederebbe modifiche al core o al plugin di voto che dovranno attendere per ora.
Come sempre, fatecelo sapere se riscontrate problemi.
Grazie mille a @simon e @erlend_sh per aver lavorato con me su questo 
