Style de catégorie de vote alternatif

Ce composant de thème propose un style alternatif pour toutes les catégories spécifiées qui utilisent le plugin Discourse Voting.

Installation

Lien vers le dépôt
https://github.com/discourse/discourse-alternative-voting-category-style

Si vous n’êtes pas familier avec les composants de thème et leur installation, consultez le guide d’installation des thèmes. Et si vous souhaitez en savoir plus sur les thèmes Discourse, jetez un œil à ce guide.

Aperçu

L’idée générale est basée sur cette maquette créée par @erlend_sh.

Fonctionnalités notables

  • Vue compacte
  • Compteur de votes plus visible
  • Icône colorée indiquant que vous avez voté pour le sujet

Paramètres

Il existe actuellement un paramètre utilisé pour spécifier les catégories auxquelles appliquer le style :

Personnalisations supplémentaires

Si vous souhaitez personnaliser l’apparence de balises spécifiques au sein de votre sujet de vote (voir la balise « EN COURS » dans l’image d’aperçu ci-dessus), vous pouvez créer un composant supplémentaire et modifier le CSS suivant pour répondre à vos besoins :

.voting-category.list-container {
    .topic-list-item:not(.about-topic) {
        // Style commun pour toutes les balises listées
        [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;
        }
        // Style spécifique pour les balises individuelles
        [data-tag-name="in-progress"] {
            color: #9e63d0;
        }
        [data-tag-name="my-tag-one"] {
            color: #5bd04a;
        }
        [data-tag-name="my-tag-two"] {
            color: #5f5dd0;
        }
    }
}

Futur

La seule chose que vous remarquerez peut-être absente de la maquette originale est un extrait du sujet sous le titre du sujet. Cette fonctionnalité nécessiterait des modifications du cœur du système ou du plugin de vote, ce qui devra attendre pour le moment.

Comme toujours, n’hésitez pas à me faire part de tout problème que vous rencontrez.

Un grand merci à @simon et @erlend_sh pour avoir travaillé avec moi sur ce projet :heart_eyes:

38 « J'aime »

Great theme component! One thing I found was that the unlisted icon is not fitting into your design. The topic title is overlapping it.

03%20AM

8 « J'aime »

Thanks for the quick feedback! I will try to get that fixed a little later today :slightly_smiling_face:

Edit: @Sean_R I just pushed a quick fix. I may try to tinker with it a little more to get it even better, but there shouldn’t be any more overlap!

6 « J'aime »

Looks good now

image

I also had to change the CSS to make the topic list wider.

Was

.voting-category.list-container {
  max-width: $small-width;

Changed to

.voting-category.list-container {
  max-width: $large-width;
6 « J'aime »

Thanks for confirming that is fixed!

The smaller width was based on the original design. The rationale was that there was so little information displayed on each topic row that it would look odd at full width. I can imagine some people might feel the opposite - that the smaller width looks odd. A width option to toggle via a theme setting would be an easy addition. I’ll add that to my to-do list with this.

5 « J'aime »

This component has been updated! The changes include:

  • Support for font awesome changes
  • Additional setting to toggle between small-width and large-width
6 « J'aime »

Ce composant fonctionne-t-il toujours ?

J’utilise une instance de free.discourse.group et je cherche une alternative au plugin Discourse Vote.

Le composant fonctionne toujours, mais il est conçu pour être utilisé en complément du plugin de vote, et non à sa place. Il propose uniquement une option de style alternative pour le plugin de vote.

3 « J'aime »

Ah, maintenant je comprends, merci pour votre attention :hugs:

3 « J'aime »

Est-ce que quelqu’un l’utilise encore activement ? Je l’ai testé avec la version actuelle du plugin de vote (0.5), il a l’air plutôt bien, mais il ne semble plus fonctionner du tout - du moins dans notre instance.

Peux-tu préciser ce qui ne fonctionne pas ? Je viens de le tester et tout semble fonctionner. À noter que ce composant est purement esthétique pour le moment. Vous ne pouvez pas voter directement depuis la liste des sujets.

2 « J'aime »

Merci pour votre réponse immédiate !!!

Premièrement

En notant que ce composant est purement esthétique pour l’instant. Vous ne pouvez pas voter directement depuis la liste des sujets.

D’accord, je ne m’en étais pas rendu compte. Je pensais qu’il permettait exactement cela : voter depuis la liste des sujets. C’est bon à savoir. Il faudra alors réévaluer la situation.

Deuxièmement

Il ne semble pas afficher les données réelles ou les votes. Voici deux captures d’écran : l’une avec le style activé et l’autre désactivé.


Je soupçonnais un conflit avec le thème utilisé, mais même en en utilisant un autre, cela ne semble pas résoudre le problème.

1 « J'aime »

Hmm, je viens de le tester sur un site à jour et je ne rencontre aucun problème avec le nombre de votes ou l’indicateur « J’ai voté » :

Peux-tu vérifier s’il y a des erreurs dans la console de ton navigateur ? As-tu essayé avec un nouveau thème par défaut, sans aucun autre composant ou personnalisation ajoutée ?

2 « J'aime »

Vous devriez pouvoir ajouter une règle CSS à un thème ou un composant pour corriger cela. Je n’ai pas le plugin Ratings installé pour le tester, mais je pense que cela devrait ressembler à quelque chose comme :

.rating-list {
  margin-left: 65px;
}

Je travaille d’ailleurs actuellement sur ce composant (il n’avait pas été modifié depuis longtemps !), alors je vais voir si je peux faire en sorte que tout contenu personnalisé de liste de sujets soit correctement positionné par défaut.

3 « J'aime »

Parfait, merci :ok_hand:

1 « J'aime »

J’ai installé ce composant de thème et je l’ai activé dans deux catégories. L’une semble buggée, l’autre fonctionne bien. La différence est que le nom de la catégorie apparaît dans la liste, chevauchant le nombre de votes. La seule différence à laquelle je peux penser est que la catégorie avec le bug a des sous-catégories, tandis que l’autre n’en a pas.

Buggé, avec sous-catégories :

Fonctionne bien, sans sous-catégories :

Si cela peut aider, voici le thème par défaut avec la palette de couleurs Grey Amber.

1 « J'aime »

Merci pour le rapport ! Si vous mettez à jour le composant, vous devriez obtenir la correction suivante :

4 « J'aime »

Merci beaucoup pour cette réaction hyper rapide ! La correction fonctionne.

PS : veuillez ajouter la balise #voting, ce composant est trop beau pour être caché. :slight_smile:

3 « J'aime »

Existe-t-il un composant de thème qui donne au même aspect à l’indicateur de vote sur les sujets individuels ?

1 « J'aime »

Ce composant masque également les colonnes affichant les participants, les vues et le temps d’activité. Il serait peut-être agréable de séparer cela, afin que l’on puisse facilement activer uniquement le changement de style de vote sans masquer également ceux-ci ?

Ou — déplacez

  .posters,
  .views,
  .activity {
    display: none;
  }

à l’intérieur de @if $use_compact_width == \"true\" {
?

2 « J'aime »