Este componente de tema ofrece estilos alternativos para cualquier categoría especificada que utilice el plugin Discourse Voting.
Instalación
Enlace al repositorio
https://github.com/discourse/discourse-alternative-voting-category-style
Si no estás familiarizado con los componentes de tema y cómo instalarlos, consulta la guía de instalación de temas. Y si deseas aprender más sobre los temas de Discourse, echa un vistazo a esta guía.
Vista previa
La idea general se basa en este boceto creado por @erlend_sh.
Características destacadas
- Vista compacta
- Conteo de votos más destacado
- Icono de color para indicar que has votado en el tema
Configuración
Actualmente hay una configuración utilizada para especificar a qué categorías se les aplicará el estilo:
Personalizaciones adicionales
Si deseas personalizar el aspecto de etiquetas específicas dentro de tu tema de votación (consulta la etiqueta “EN PROGRESO” en la imagen de vista previa anterior), puedes crear un componente adicional y modificar el siguiente CSS para adaptarlo a tus necesidades:
.voting-category.list-container {
.topic-list-item:not(.about-topic) {
// Estilos comunes para todas las etiquetas 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;
}
// Estilos específicos para etiquetas individuales
[data-tag-name="in-progress"] {
color: #9e63d0;
}
[data-tag-name="my-tag-one"] {
color: #5bd04a;
}
[data-tag-name="my-tag-two"] {
color: #5f5dd0;
}
}
}
Futuro
Lo único que podrías notar que falta en el boceto original es un extracto del tema debajo del título del tema. Esta característica requeriría cambios en el núcleo o en el plugin de votación, por lo que deberá esperar por ahora.
Como siempre, por favor házmelo saber si experimentas algún problema.
Muchas gracias a @simon y @erlend_sh por trabajar conmigo en esto ![]()









