what does “icon” stand for in settings?
Is it exact name of some icon from svg site? How do I get the exact name?
what does “icon” stand for in settings?
Is it exact name of some icon from svg site? How do I get the exact name?
That could indeed be a great improvement!
I think I have a problem on my forum as the icons are specified as white, while background is white on categories page
Could I enforce different background here, as it is used for subcategories?
I’m looking at the code and trying to fix the following two issues, but I’m stuck on the second one.
Category icon list is not applied in category view (with Show subcategory list above topics in this category)
I managed to fix this one by replacing line 112 in header.html
if(iconItem && !attrs.category.parent_category_id) {
with
if (iconItem) {
and adding the following code to common.scss
.subcategory .category-icon-widget {
display: none;
}

Category lock icon next to category doesn’t change to new svgCategories view:

Category view (with Show subcategory list above topics in this category):

I think this is the relevant code:
let classNames = "badge-category clear-badge";
if (restricted) {
classNames += " restricted";
}
...
html +=
`<span ${style} ` +
'data-drop-close="true" class="' +
classNames +
'"' +
(description ? 'title="' + escapeExpression(description) + '" ' : "") +
">";
which adds restricted class to a <span> with classes badge-category clear-badge which controls the subcategory lock icon display, but I cannot figure out how to also apply this to <div> with class category-text-title which controls category lock icon display.
Any chance that it will anytime soon? For some reason the categories boxes view also doesn’t display the colour blob or the lock icon so it might be outside this component’s control…
Je n’arrive toujours pas à « comprendre » ce qui ne va pas avec la couleur.
Quelqu’un peut-il m’aider à identifier mon erreur ?
et le résultat
Bug @pmusaraj
Les identifiants (et titres) des sous-catégories doivent uniquement être uniques au sein de leur catégorie parente.
Cependant, les identifiants sont utilisés comme clé pour retrouver l’icône dans ce composant.
Ainsi, si vous avez deux sous-catégories sous des parents différents avec le même identifiant, l’icône est appliquée aux deux.
Pour être honnête, je pense que c’est en fait un problème de Discourse, car les identifiants devraient être uniques dans toute l’instance Discourse, mais ce n’est pas le cas.
Est-il même possible de corriger cela au sein du composant ?
Je ne comprends pas pourquoi les identifiants doivent être uniques au niveau global alors que, d’après ce que je sais, ils n’ont jamais de portée globale. Pouvez-vous m’expliquer ?
P.S. J’ai vu votre nouveau sujet qui pose la question de savoir pourquoi ils ne sont pas uniques.
Par exemple, le composant Icônes de catégorie utilise l’identifiant (slug) pour déterminer la catégorie à laquelle l’icône doit être associée.
Comment un administrateur ou un utilisateur peut-il identifier de manière unique une sous-catégorie ? Doit-il utiliser le chemin parentcategorie-souscategorie ? (ou parent-enfant-petit-enfant lorsque cette amélioration sera publiée). Cela semble un peu fastidieux.
Il est probablement possible de faire en sorte que le composant déduplique les sous-catégories ayant le même slug sous différents parents, mais cela nécessiterait un moyen de transmettre le slug de la catégorie parente dans les paramètres du composant. À mon avis, ce ne serait pas très élégant.
Pourriez-vous essayer de modifier le slug de l’une des deux catégories qui ont le même slug ? Y a-t-il une raison pour laquelle vous ne pouvez pas le faire (seul le slug doit être modifié, pas le nom de la catégorie) ?
Oui, cela semble être la bonne approche étant donné que les slugs des sous-catégories dans différentes catégories parentes n’ont pas besoin d’être uniques.
Cela dit, cela peut en réalité être exploité comme une fonctionnalité. Par exemple, si vous avez des catégories basées sur des groupes, dont beaucoup comportent des forums d’aide et d’annonces en tant que sous-catégories, vous pouvez facilement configurer une icône d’aide commune pour toutes les catégories d’aide et une icône commune pour toutes les catégories d’annonces en utilisant seulement deux entrées. Et toute nouvelle sous-catégorie avec le tag « aide » récupérera automatiquement l’icône.
Pour notre cas d’usage, je suis allé encore plus loin et j’ai rendu cela optionnel pour une correspondance partielle du slug, de sorte qu’une entrée « help,question-mark,#000080,false » correspondrait à « sw-help », « help-forum » et « helpdesk ».
L’élément supplémentaire « false » à la fin de l’entrée indique de ne pas exiger une correspondance exacte.
J’ai également l’option de spécifier la couleur comme « catcol », auquel cas l’icône reprendra la couleur de la catégorie au lieu d’utiliser une couleur spécifiée séparément.
Deux suggestions à inclure dans une mise à jour pour vous.
Je pense que le composant utilisait une correspondance partielle à un moment donné, ce qui était déroutant pour certains utilisateurs qui voulaient une icône pour « book » mais pas pour « booking ». Mais avec la possibilité d’activer/désactiver cela par paramètre, ce serait pratique. (Peut-être pourriez-vous utiliser partial-match au lieu de false comme dernier élément, ce serait plus facile à comprendre.)
C’est une belle amélioration.
Je serais ravi d’examiner une PR pour l’une ou l’autre de ces fonctionnalités. Merci !
https://github.com/pmusaraj/discourse-category-icons/pull/5 a été fusionné, merci @rogerco !
Je suis tombé sur un petit problème avec l’option de couleur de catégorie lorsque les paramètres utilisent des puces ou des cases plutôt que des barres : je ne l’ai créée que pour l’option des barres dans les paramètres, et elle retombe en gris dans les autres options. Je pense que cela peut être corrigé en grande partie via CSS, mais je n’ai pas encore trouvé la solution – je vais y arriver !
Merci pour ce super thème @pmusaraj ! ![]()
J’aimerais utiliser l’icône des COMMENTAIRES, mais je ne suis pas très fan de la version pleine. Quand j’utilise comments, j’obtiens la version pleine. La version pleine est généralement fournie sous la forme de « fas fa-comments ».
Et si je voulais utiliser la version régulière, qui est généralement fournie sous la forme de « far fa-comments » ?
Parmi les variations suivantes, certaines nécessitent un abonnement payant. Y a-t-il un moyen de sélectionner différentes variations, ou la version pleine est-elle la seule disponible ?
J’ai ajouté à mon thème, comme suit :
- $icons-sprite: icons8-chat.svg
Comment puis-je maintenant l’ajouter aux paramètres du thème ? Voici ce que j’ai essayé de faire…
Utilisez “far-comments” dans les deux paramètres, comme ceci :
Les versions payantes ne sont pas accessibles au public, nous ne pouvons donc pas les inclure dans Discourse. Si leur licence le permet, vous pouvez les ajouter dans un sprite SVG personnalisé dans votre thème. Les instructions complètes à ce sujet se trouvent dans Présentation de Font Awesome 5 et des icônes SVG. Lisez attentivement la section « Ajout d’icônes personnalisées ».
Merci pour votre aide sur ce sujet ! L’ajout de far-comments dans les deux zones a parfaitement fonctionné !
Pourriez-vous jeter un coup d’œil rapide à une autre question que j’ai posée (en réponse à l’un de vos autres commentaires dans ce sujet)…
Superbe composant de thème ! J’ai des difficultés à ajouter Font Awesome ou des uploads en utilisant l’upload d’icônes-sprite. Seul le cercle avec un point d’interrogation s’affiche. Qu’est-ce que je fais mal ? Dois-je ajouter du code CSS ?
Photos ci-dessous
Et
Les noms de Font Awesome indiquent toujours « non trouvé » et « créer » ? J’ai essayé avec le nom direct et le préfixe, par exemple bullhorn ou fa-bullhorn.
Mise à jour : Font Awesome fonctionne maintenant. J’ai trouvé l’icône SVG dans les paramètres pour l’ajouter, mais elle n’utilise pas le paramètre de couleur comme le cercle avec un point d’interrogation.
J’aimerais utiliser des icônes SVG personnalisées, mais j’ai besoin d’un guide pour débutant.
En regardant le site sur votre profil, je vois des icônes pour les catégories, donc peut-être avez-vous déjà résolu ce problème ? Si ce n’est pas le cas, d’après la capture d’écran ci-dessus, je pense que vous devez vous assurer que le fichier SVG dans icons-sprite est un fichier sprite SVG (et non une icône individuelle). Plus de détails sur Replace Discourse's default SVG icons with custom icons in a theme