Is there a way to distinguish between categories visible to logged in users only and categories visible to certain groups?
At the moment, I use CSS to hide the lock icon in front of all categories that are visible to logged-in users only. Now I would like to put a group icon in front of categories that are restricted to groups.
While I understand your question, I am thinking about the use case. Especially because only users who can see the categories, see the categories regardless of groups or logged-in state. So how would the differentiation help? I do not think there is way though, but I might be wrong.
The use case is the same as for the lock icons, which, I think, is to remind users: if you post here or share a link from here it won’t be accessible by everyone.
I feel like I don’t need that reminder for login-only categories, because very few categories on my site are visible to anonymous users. (Instead, I mark the publicly visible category’s with an 
icon to remind users that these are out in the open internet.)
For categories that have more restrictions than “must be logged in”, it can be less obvious that they’re for a more or less exclusive group only. New users might have been granted access to a group when they first created their account. So from day one they’re seeing a different set of categories than some other users, but unless the category name or description (if they read it) includes a hint, they couldn’t tell that a category is visible only to some. Older users might forget that this one category they once were granted access to is not in fact accessible by all.
So, in short, a quick visual reminder like the lock icon makes more sense to me for restricted categories than applying it to almost all categories on a mostly logged-in only site.
We’ve recently made a category restricted to a higher trust level and now people keep thinking those topics have been closed. Closed and restricted are different things and it is confusing for them to have the same icon. A lock is generally understood to indicate that the person seeing it doesn’t have full access, not that it is hidden from other people.
In the meantime, I decided to indicate in front of each category, what the level of access is. I’m using a globe for categories that are public (anonymous access), a “group” icon for categories accessible by logged-in users and a “friends” icon for other restricted categories.
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/"]