Liste de souhaits : indicateur visuel pour "l'utilisateur a obtenu un badge pour ce message"

Je suis satisfait de la personnalisation (effets, etc.) qui nécessite une connaissance du CSS, mais la fonctionnalité initiale d’affichage/masquage, et les badges à inclure/exclure, devraient être disponibles en tant que paramètre.

7 « J'aime »

Je pense qu’il existe un plan d’hébergement Discourse où cela n’est pas du tout possible. De plus, de nombreux administrateurs ont du mal à ajouter du CSS à un thème qu’ils ont installé depuis GitHub.
Mais mon propos portait davantage sur le fait qu’il faut d’abord être conscient que le CSS existe et qu’il est assez facile de masquer des choses. La documentation peut certainement aider, mais d’après mon expérience, la plupart des gens ne la lisent pas.

Pourquoi y a-t-il un réglage pour désactiver le lien “Propulsé par Discourse” ? Il pourrait également être facilement masqué avec du CSS.

6 « J'aime »

Merci pour vos commentaires supplémentaires, tout le monde ! Je vais étudier l’ajout de certains paramètres aujourd’hui. :slightly_smiling_face:

4 « J'aime »

Voici ma première tentative d’ajout des paramètres.

Paramètre global

Paramètre par badge

Les paramètres eux-mêmes sont assez simples, mais le comportement est un peu plus compliqué que je ne le voudrais. Afin d’éviter d’exposer des informations qui ne devraient pas l’être, l’affichage d’un badge sur un message nécessite actuellement que ces trois paramètres soient activés :

  1. Afficher le badge sur la page publique des badges
  2. Afficher le message accordant le badge sur la page du badge
  3. Afficher le badge sur le message pour lequel il a été accordé

La raison pour chacune est :

  1. Il semble contradictoire d’afficher des badges sur le message s’ils ne sont pas affichés sur la page publique des badges.
  2. Il semble s’agir d’une fuite d’informations potentielle d’afficher des badges sur le message lorsque nous n’affichons pas le message sur la page du badge.
  3. C’est le nouveau paramètre pour permettre l’affichage du badge sur le message.

En supposant qu’il soit raisonnable que cette nouvelle option dépende de l’activation d’options existantes, cela soulève quelques questions qui dépendent fortement du langage de conception global de Discourse, j’apprécierais donc des commentaires supplémentaires ici, @chapoi.

En particulier, quelle est la manière appropriée d’indiquer dans l’administration de Discourse qu’une option ne prendra effet que lorsque d’autres seront activées ?

Une question connexe est que si un badge système n’a pas les deux premiers paramètres activés, le nouveau paramètre ne fera jamais rien, car ces paramètres sont en lecture seule sur les badges système. Est-il approprié de le marquer comme un paramètre en lecture seule pour ces badges, mais de le laisser configurable pour tous les autres badges système ?

Enfin, une question pour tous ceux qui sont intéressés : quels badges système devraient avoir cette option activée par défaut ?

3 « J'aime »

Très bons points, merci d’avoir approfondi le sujet !

Oui, je pense que vous êtes sur la bonne voie.

Actuellement, je pense que nous manquons d’une approche structurée à ce sujet.

Je pense que nous aurons besoin de quelque chose comme :

Mais avec une meilleure formulation. :sweat_smile:

Qu’en pensez-vous @ella (notre responsable du design, admin)

2 « J'aime »

Merci pour l’idée, Charlie, je pense que ça pourrait marcher.

Je n’ai trouvé aucun exemple de ce type d’interface utilisateur ailleurs dans l’administration de Discourse, j’ai donc assemblé ceci moi-même. Il a besoin d’être peaufiné (et pourrait encore bénéficier d’une meilleure copie ! :grinning_face_with_smiling_eyes:), mais c’est suffisant pour donner une idée approximative de son fonctionnement.

4 « J'aime »

J’ai tendance à pencher pour ceux de la catégorie Publication.

3 « J'aime »

D’accord, ajouter une structure ici rendrait les choses beaucoup plus claires, par exemple :

Utilisation

  • Permettre l’utilisation de l’insigne comme titre
  • Peut être accordé plusieurs fois

Visibilité

  • Afficher l’insigne sur la page publique des badges
  • Afficher le message accordant l’insigne sur la page des badges
  • Afficher l’insigne sur le message pour lequel il a été accordé

Pour l’infobulle, que diriez-vous de :

Nécessite que les deux options « Afficher l’insigne sur la page publique des badges » et « Afficher le message accordant l’insigne sur la page des badges » soient activées.

4 « J'aime »

Bonne nouvelle, tout le monde !

Cette PR vient d’être fusionnée !

3 « J'aime »

@ganncamp Je l’ai déployé sur votre site maintenant aussi. :slightly_smiling_face:

2 « J'aime »

C’est une nouvelle géniale !!! Merci !

2 « J'aime »

D’accord… à bon chat, bon rat…

L’affichage est un peu décevant :

Selection_2150

Je vais voir ce que je peux faire à ce sujet avec du CSS.

Ajout de CSS

// Agrandir les badges affichés sur les publications
.topic-meta-data .user-badge-buttons {
transform: scale(1.3);
margin-left: 0px;
}

Et ce que je ne peux pas toucher avec du CSS, c’est l’ordre. Je suis surpris de voir le badge entre le nom d’affichage et le nom d’utilisateur. Est-ce que cela peut être modifié ?

3 « J'aime »

Merci pour vos commentaires, @ganncamp ! :slightly_smiling_face:
Vous avez raison, il a l’air un peu étrange affiché entre le nom d’utilisateur et le nom d’affichage, je vais voir ce que je peux faire à ce sujet.
Lorsque vous mentionnez le changement d’ordre, faites-vous référence à ce problème, ou souhaitez-vous également changer l’ordre des badges, lorsque plusieurs badges ont été attribués pour un seul message ?

1 « J'aime »

Bien ! J’ai un peu remanié les choses dans cette PR :

Voici quelques captures d’écran de différentes variations d’options d’en-tête de publication :




1 « J'aime »

Oui. Je ne suis pas (actuellement :sweat_smile: ) préoccupé par l’ordre des badges.

J’ai fusionné et déployé ces ajustements sur votre site, @ganncamp ! :slightly_smiling_face:

4 « J'aime »

Merci !

Et voici mon CSS final pour ceux que ça intéresse

// Make badges displayed on posts bigger and flashier
.topic-meta-data .user-badge-buttons .svg-icon {
     transform: scale(1.3);
     // this is the 'flashier' part
     border-radius: 50%;
     background-color: var(--highlight-bg);
     border-width: 2px;
     border-style: solid;
     border-color: var(--highlight);
     padding: 4px;
}

Résultat :
Selection_2162

4 « J'aime »

Ce sujet a été automatiquement fermé après 2 jours. Les nouvelles réponses ne sont plus autorisées.