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.
Wie setzen Sie das um? Ich finde, das ist eine großartige Idee, und da wir unsere Website langsam in Richtung einiger öffentlicher Kategorien bewegen, würde ich gerne etwas Ähnliches für sie tun. Die Weltkugel gefällt mir!
Ich würde gerne Folgendes erreichen:
für Kategorien, die auf everyone gesetzt sindtrust_level_0 erlauben
für alle anderen KategorienDas sollte funktionieren, Nathan.
Ja, das ist es, was ich benutze. Im Feld svg-icons geben Sie users, user-friends ein und jedes Symbol, das Sie für den öffentlichen Zugriff verwenden möchten (für den Globus verwende ich ein Symbol von Freepik, das ich zu meinem Discourse über eine Sprite-Datei, die in eine Theme-Komponente hochgeladen wurde hinzugefügt habe).
Ich verstecke das Schloss-Symbol mit diesem CSS, das zu einer Theme-Komponente hinzugefügt wurde:
// kein Schloss-Symbol für private Kategorien
.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;
}
Ich habe mir eine Variation Ihrer Idee ausgedacht, bei der ich das Schlosssymbol selektiv nur für die Kategorien ausblenden kann, die für TL_0 zugänglich sind (manuell).
Da es keine schöne, praktische CSS-Klasse dafür gibt, müssen Sie stattdessen die Eigenschaften hover (title) und link (href) ansprechen und dies auch für jede der Kategorien tun, für die Sie das Schlosssymbol ausblenden möchten:
// blendet Schlosssymbole für die UX-Kategorie aus
[title = "ux"], [href = "/c/ux/9"] {
.d-icon {
display: none;
}
}
Dies würde natürlich mit allen Symbolen aus der Komponente “Kategorie-Symbole” kollidieren, was jedoch durch die gezielte Ansprache von .d-icon-lock (oder welchem Symbol auch immer Sie verwenden) anstelle von .d-icon für diese Kategorie gemildert werden kann.
Ich habe dieses CSS gerade bearbeitet, nachdem ich festgestellt hatte, dass einige Symbole fehlten. Es funktioniert jetzt viel besser, wird aber leicht kaputt gehen, wenn Sie Ihre Kategorienstruktur ändern.
Ein kleines Update, damit Sie es mit der Seitenleiste verwenden können:
// Versteckt Sperrsymbole für die UX-Kategorie
.sidebar-section-link-ux .prefix-badge {
display: none;
}
.category-ux .list-controls, [href = "/c/ux/9"] {
.d-icon-lock, {
display: none;
}
}
Für Dropdown-Menüs zur Kategorieauswahl habe ich ein weiteres Ziel hinzugefügt:
.category-ux .list-controls, [href = "/c/ux/9"], [data-value = "9"] {
.d-icon-lock, {
display: none;
}
}
Außerdem schlage ich für Chat-Kanäle vor: [href *= "chat/channel/9/"]