Este componente de tema oferece estilização alternativa para quaisquer categorias especificadas que utilizem o plugin Discourse Voting.
Instalação
Link do Repositório
https://github.com/discourse/discourse-alternative-voting-category-style
Se você não está familiarizado com componentes de tema e como instalá-los, consulte o guia de instalação de tema. E se quiser aprender mais sobre temas do Discourse, dê uma olhada neste guia.
Pré-visualização
A ideia geral é baseada neste mockup criado por @erlend_sh.
Recursos Notáveis
- Visual compacto
- Contagem de votos mais proeminente
- Ícone colorido para indicar que você votou no tópico
Configurações
Atualmente, há uma configuração usada para especificar quais categorias aplicar o estilo:
Customizações Extras
Se você deseja personalizar a aparência de tags específicas dentro do seu tópico de votação (veja a tag “EM ANDAMENTO” na imagem de pré-visualização acima), você pode criar um componente adicional e modificar o seguinte CSS para atender às suas necessidades:
.voting-category.list-container {
.topic-list-item:not(.about-topic) {
// Estilização comum para todas as tags listadas
[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;
}
// Estilização específica para tags individuais
[data-tag-name="in-progress"] {
color: #9e63d0;
}
[data-tag-name="my-tag-one"] {
color: #5bd04a;
}
[data-tag-name="my-tag-two"] {
color: #5f5dd0;
}
}
}
Futuro
A única coisa que você pode notar ausente no mockup original é um resumo do tópico abaixo do título do tópico. Esse recurso exigiria alterações no núcleo ou no plugin de votação, que precisarão aguardar por enquanto.
Como sempre, por favor, me avise se você encontrar algum problema.
Muito obrigado @simon e @erlend_sh por trabalharem comigo nisso 
