Badge de sujet résolu

[Don]

	Résumé	Ajoute des options de style aux sujets résolus et non résolus.
	Dépôt	GitHub - VaperinaDEV/solved-topic-badge: This theme component adds styling options to the solved and unsolved topics.
	Guide d’installation	Comment installer un thème ou un composant de thème
	Nouveau sur les thèmes Discourse ?	Guide du débutant pour l’utilisation des thèmes Discourse

Installer ce composant de thème

Bonjour

Ce composant de thème ajoute des options de style aux sujets résolus et non résolus. Vous pouvez définir un badge et une couleur de fond personnalisés.

Par défaut, il ressemble à ceci sur la page de liste des sujets
Stylisé (avant le titre)

Avec fond

---

En ligne

---

Stylisé (après le titre)

---

Titre du sujet, En-tête du sujet
Stylisé

---

En ligne

---

Il existe une multitude de paramètres où vous pouvez modifier l’icône, le texte et le style séparément pour les sujets résolus et non résolus.

Paramètres de l’indicateur global

type
– stylisé (badge)
– en ligne (il est placé en ligne avant le titre)

placement (stylisé)
– avant-titre
– après-titre

rayon-bordure
– arrondissement du badge

---

Paramètres de l’indicateur résolu

indicateur résolu
– Il utilise le unicode mais vous pouvez en utiliser d’autres. (par ex. emoji). Il est placé avant le label.
…
…
…
couleur de bordure résolue
Le badge a une bordure transparente de 1px et ce paramètre vous permet de lui définir une couleur.

activer le fond des sujets résolus
L’activation de ce paramètre activera le champ de fond ci-dessous où vous pouvez définir la couleur de fond de l’élément de la liste des sujets.

---

Indicateur non résolu

Mêmes paramètres pour l’indicateur non résolu ci-dessous…

Si vous souhaitez activer l’indicateur non résolu, activez le paramètre boîte vide sur non résolu du plugin Discourse Solved.

---

À faire :

– Essayer de le déplacer pour l’utiliser comme statut de sujet (il apparaîtra partout où le statut de sujet apparaît et il permet également d’utiliser une icône personnalisée)

[Heliosurge (Dan DeMontmorency)]

Thème-composant intéressant. Le seul petit problème est que la publication de la catégorie “À propos” est également marquée comme non résolue.

[Don]

Bonjour @Heliosurge

Merci
Techniquement, le sujet à propos est également un sujet résoluble. Si vous avez activé le paramètre boîte vide sur non résolu sur le plugin Discourse Solved, alors la boîte vide apparaît pour la liste des sujets sujet à propos et dans le sujet à propos également. Pour masquer le badge non résolu pour un sujet spécifique, vous devez le fermer.

[Heliosurge (Dan DeMontmorency)]

Génial merci ! J’ai appris quelque chose de nouveau.

[barto_95]

Merci pour le composant….

Mais avec le composant
https://github.com/VaperinaDEV/discourse-solved-quote-

le message résolu ne s’affiche pas en vert, le composant ne fonctionne pas….

N’est-il pas possible d’avoir 2 composants, un pour le sujet et un pour le message, qui fonctionnent ?

[Don]

Bonjour @barto_95

Ces deux composants devraient fonctionner correctement ensemble, mais l’URL correcte du composant est : GitHub - VaperinaDEV/discourse-solved-quote-customization

[Don]

Bonjour J’ai mis à jour ce composant de thème pour qu’il fonctionne avec la liste de sujets Glimmer. Merci pour le rapport : Discourse topic-list changes · Issue #4 · VaperinaDEV/solved-topic-badge · GitHub

[Arkshine]

La liste des sujets hérités a été supprimée ce mois-ci.
Le code peut être supprimé :

javascripts/discourse/initializers/solved-badge.js

---

Une PR rapide a été faite :

DEV: Drop topic list legacy support

[Don]

Oups, désolé, j’ai oublié de mettre à jour ce composant. Merci @Arkshine, je l’ai fusionné.
@ozkn, veuillez mettre à jour le composant.

[Monikas (JustMonika)]

Ce composant est incompatible avec discourse-umbrella-groupswitchdisplay et ne peut pas être utilisé conjointement. Une erreur s’est produite et pourrait empêcher votre site de fonctionner correctement.

Raison : Conflit entre les thèmes/composants actifs.

Cliquez ici pour mettre à jour, reconfigurer ou désactiver le composant.

(Ce message n’est visible que par les administrateurs du site.)

[ozkn (Mathx)]

Merci pour la mise à jour. J’ai mis à jour et essayé, mais j’obtiens la même erreur. @Don

[Don]

Oh, oui désolé, je vois. Corrigé ici : FIX: Discourse version to beta3 · VaperinaDEV/solved-topic-badge@e5889a3 · GitHub Veuillez mettre à jour à nouveau.

[ozkn (Mathx)]

Merci, cela fonctionne maintenant sans aucun problème.

[Arkshine]

Oups, désolé !

[xkhalid]

Salut tout le monde,

Après la mise à jour vers la dernière version :

3.5.0.beta8-dev (commit: 5eca6d826e)

J’ai rencontré une régression visuelle liée aux plugins Discourse Solved et Solved Topic Badge.

Problème :

Auparavant, les sujets résolus avaient un fond vert, et les sujets non résolus (en attente de solution) apparaissaient avec un fond rouge dans la liste des sujets.

Maintenant, tous les sujets résolus n’affichent plus le fond vert, même si le paramètre est activé.

Détails :

• Plugin : Discourse Solved + Solved Topic Badge
• Le paramètre enable solved topic background est activé
• Cela fonctionnait comme prévu avant la mise à jour

Capture d’écran (après la mise à jour) :

Attendu :

Les sujets résolus devraient conserver le fond vert pour une meilleure clarté visuelle.

Merci de me faire savoir s’il s’agit d’une régression ou si de nouveaux changements CSS sont nécessaires pour rétablir ce comportement.

[Moin]

Je pense que cela se produit sur les sujets que vous avez lus en raison des modifications apportées à
UX: Variable additions (#33473) · discourse/discourse@20f57ae · GitHub,
qui a ajouté une couleur de fond distincte pour les sujets visités.

Vous pourriez probablement résoudre ce problème avec votre propre CSS jusqu’à ce que le composant de thème soit adapté, mais je ne peux pas vérifier comment pour le moment.

Les problèmes avec les composants qui ne sont pas #officiels doivent généralement être signalés dans le sujet.

[xkhalid]

@Moin

Vous pourriez probablement régler ça avec votre propre CSS jusqu’à ce que le composant de thème soit adapté, mais je ne peux pas vérifier comment pour le moment.

Merci Moin !

J’ai réussi à le corriger en utilisant du CSS personnalisé :

.topic-list-item.solved,
.topic-list-item.visited.solved,
.latest-topic-list-item.solved,
.latest-topic-list-item.visited.solved {
  background-color: var(--success-low) !important;
}

---

CC : @sam @j.jaffeux

[jordan.vidrine]

@Don en raison des ajouts récents de variables au cœur, vous devrez peut-être ajuster un peu votre composant pour que les couleurs d’arrière-plan fonctionnent, même lorsqu’un sujet a été visité.

[Don]

Bonjour Merci pour le rapport ! Voici la mise à jour : UX: Adds background color for visited topic list items · VaperinaDEV/solved-topic-badge@1f87fe4 · GitHub

[digitaldominica]

Salut @Don J’ai remarqué que l’arrière-plan coloré pour les utilisateurs déconnectés ne s’affiche pas.
Et la couleur d’arrière-plan pour aside.quote.accepted-answer blockquote ne prend pas la couleur du badge résolu, y a-t-il un moyen de l’ajuster ?