Existe-t-il un moyen de distinguer les catégories visibles uniquement pour les utilisateurs connectés de celles visibles pour certains groupes ?
Actuellement, j’utilise du CSS pour masquer l’icône de cadenas devant toutes les catégories réservées aux utilisateurs connectés. Maintenant, je souhaiterais ajouter une icône de groupe devant les catégories restreintes à certains groupes.
Bien que je comprenne votre question, je réfléchis au cas d’usage. Surtout parce que seuls les utilisateurs qui peuvent voir les catégories les voient, indépendamment des groupes ou de l’état de connexion. Alors, en quoi la différenciation aiderait-elle ? Je ne pense pas qu’il y ait de solution, mais je pourrais me tromper.
Le cas d’usage est le même que pour les icônes de cadenas, qui, je pense, servent à rappeler aux utilisateurs : si vous publiez ici ou partagez un lien depuis ici, cela ne sera pas accessible à tout le monde.
Je pense que je n’ai pas besoin de ce rappel pour les catégories réservées aux utilisateurs connectés, car très peu de catégories sur mon site sont visibles par les utilisateurs anonymes. (À la place, je marque les catégories visibles publiquement avec une icône 
pour rappeler aux utilisateurs qu’elles sont accessibles sur l’open internet.)
Pour les catégories ayant plus de restrictions que « doit être connecté », il peut être moins évident qu’elles sont destinées à un groupe plus ou moins exclusif. De nouveaux utilisateurs peuvent avoir reçu l’accès à un groupe dès la création de leur compte. Ainsi, dès le premier jour, ils voient un ensemble de catégories différent de celui d’autres utilisateurs, mais à moins que le nom ou la description de la catégorie (s’ils la lisent) ne contienne un indice, ils ne peuvent pas savoir qu’une catégorie n’est visible que par certains. Les utilisateurs plus anciens peuvent oublier que cette catégorie à laquelle ils ont un jour eu accès n’est en fait pas accessible à tous.
En résumé, un rappel visuel rapide comme l’icône de cadenas me semble plus pertinent pour les catégories restreintes que de l’appliquer à presque toutes les catégories d’un site où la majorité des utilisateurs doivent être connectés.
Nous avons récemment restreint une catégorie à un niveau de confiance supérieur, et les utilisateurs pensent désormais que ces sujets sont fermés. Fermé et restreint sont deux choses différentes, et il est confus pour eux d’avoir la même icône. Un cadenas indique généralement que la personne qui le voit n’a pas un accès complet, et non pas que le sujet est caché aux autres.
En attendant, j’ai décidé d’indiquer devant chaque catégorie le niveau d’accès. J’utilise un globe pour les catégories publiques (accès anonyme), une icône de « groupe » pour les catégories accessibles aux utilisateurs connectés et une icône d’« amis » pour les autres catégories restreintes.
Comment parvenez-vous à faire cela ? Je pense que c’est une excellente idée et, alors que nous rapprochons notre site de l’ajout de quelques catégories publiques, j’aimerais faire quelque chose de similaire pour elles. J’adore le globe !
J’aimerais réaliser :
sur les catégories définies sur 
everyonetrust_level_0
défini sur toutes les autres catégoriesCe TC devrait le faire Nathan.
Oui, c’est ce que j’utilise. Dans le champ svg-icons, entrez users, user-friends et le symbole que vous souhaitez utiliser pour l’accès public (pour le globe, j’utilise une icône de Freepik, que j’ai ajoutée à mon Discourse via un sprite téléchargé dans un composant de thème).
Je masque l’icône de verrouillage avec ce CSS ajouté à un composant de thème :
// pas d'icône de verrouillage pour les catégories privées
.category .badge-category.clear-badge.restricted .d-icon-lock,
.badge-category.clear-badge.restricted .d-icon-lock,
.category-list .category-text-title .d-icon-lock,
.category-box-heading .d-icon-lock {
display:none;
}
J’ai trouvé une variante de votre idée, où je peux masquer l’icône de verrou sélectivement sur les catégories accessibles à TL_0 (manuellement).
Comme il n’y a pas de classe CSS pratique pour cela, vous devez cibler les propriétés hover (title) et link (href) à la place, et vous devez également le faire pour chacune des catégories pour lesquelles vous souhaitez masquer l’icône de verrou :
// masque les icônes de verrou pour la catégorie ux
[title = "ux"], [href = "/c/ux/9"] {
.d-icon {
display: none;
}
}
Cela entrerait bien sûr en conflit avec les icônes du composant d’icônes de catégorie, mais cela peut être atténué en ciblant .d-icon-lock (ou l’icône que vous utilisez) au lieu de .d-icon pour cette catégorie.
Je viens de modifier ce CSS après avoir découvert qu’il me manquait certaines icônes. Cela fonctionne beaucoup mieux maintenant, mais se cassera facilement si vous modifiez la structure de votre catégorie.
Une légère mise à jour pour que vous puissiez l’utiliser avec la barre latérale :
// masque les icônes de verrouillage pour la catégorie ux
.sidebar-section-link-ux .prefix-badge {
display: none;
}
.category-ux .list-controls, [href = "/c/ux/9"] {
.d-icon-lock, {
display: none;
}
}
Pour les menus déroulants de sélection de catégorie, j’ai ajouté une autre cible :
.category-ux .list-controls, [href = "/c/ux/9"], [data-value = "9"] {
.d-icon-lock, {
display: none;
}
}
Aussi, pour les canaux de discussion, je suggère : [href *= "chat/channel/9/"]