Kategorien: öffentlich, nur für angemeldete Benutzer oder eingeschränkt

Gibt es eine Möglichkeit, zwischen Kategorien zu unterscheiden, die nur für angemeldete Benutzer sichtbar sind, und solchen, die nur für bestimmte Gruppen sichtbar sind?

Derzeit verwende ich CSS, um das Schloss-Symbol vor allen Kategorien auszublenden, die nur für angemeldete Benutzer sichtbar sind. Jetzt möchte ich ein Gruppen-Symbol vor Kategorien platzieren, die für bestimmte Gruppen eingeschränkt sind.

3 „Gefällt mir“

Ich verstehe zwar deine Frage, aber ich denke über den Anwendungsfall nach. Besonders, weil nur Nutzer, die die Kategorien sehen können, diese unabhängig von Gruppen oder dem Login-Status sehen. Wie würde die Unterscheidung also helfen? Ich glaube nicht, dass es einen Weg gibt, aber ich könnte mich irren.

Der Anwendungsfall ist derselbe wie bei den Schloss-Symbolen, was, wie ich finde, darin besteht, Benutzer daran zu erinnern: Wenn Sie hier einen Beitrag verfassen oder einen Link von hier teilen, ist dieser nicht für alle zugänglich.

Ich habe das Gefühl, dass ich diese Erinnerung für Kategorien, die nur für angemeldete Benutzer sichtbar sind, nicht brauche, da nur sehr wenige Kategorien auf meiner Seite für anonyme Benutzer sichtbar sind. (Stattdessen markiere ich die öffentlich sichtbaren Kategorien mit einem :eye:-Symbol, um Benutzer daran zu erinnern, dass diese im offenen Internet zu finden sind.)

Bei Kategorien, die strengere Einschränkungen haben als „Anmeldung erforderlich“, kann es weniger offensichtlich sein, dass sie nur für eine mehr oder weniger exklusive Gruppe bestimmt sind. Neue Benutzer könnten beim Erstellen ihres Kontos Zugriff auf eine Gruppe erhalten haben. Von Anfang an sehen sie also eine andere Auswahl an Kategorien als andere Benutzer, aber es sei denn, der Kategoriename oder die Beschreibung (falls sie diese lesen) enthält einen Hinweis, könnten sie nicht erkennen, dass eine Kategorie nur für einige sichtbar ist. Ältere Benutzer könnten vergessen, dass diese eine Kategorie, auf die sie einmal Zugriff erhalten haben, tatsächlich nicht für alle zugänglich ist.

Kurz gesagt: Ein schneller visueller Hinweis wie das Schloss-Symbol ergibt für eingeschränkte Kategorien mehr Sinn als seine Anwendung auf fast alle Kategorien auf einer Website, die hauptsächlich nur für angemeldete Benutzer gedacht ist.

2 „Gefällt mir“

Wir haben kürzlich eine Kategorie auf ein höheres Vertrauenslevel beschränkt, und nun denken viele, dass diese Themen geschlossen wurden. Geschlossen und beschränkt sind jedoch zwei verschiedene Dinge, und es ist verwirrend, wenn sie dasselbe Symbol verwenden. Ein Schloss wird allgemein so verstanden, dass die Person, die es sieht, keinen vollständigen Zugriff hat, nicht dass es für andere Personen versteckt ist.

1 „Gefällt mir“

In der Zwischenzeit habe ich mich dafür entschieden, vor jeder Kategorie den Zugriffslevel anzugeben. Für öffentliche Kategorien (anonymer Zugriff) verwende ich ein Globus-Symbol, für Kategorien, die nur für angemeldete Benutzer zugänglich sind, ein „Gruppen“-Symbol und für andere eingeschränkte Kategorien ein „Freunde“-Symbol.

2 „Gefällt mir“

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:

  1. :globe_with_meridians: für Kategorien, die auf everyone gesetzt sind
  2. Kein Symbol für Kategorien, die den Zugriff auf trust_level_0 erlauben
  3. :unlock: für alle anderen Kategorien

Das 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;
}
1 „Gefällt mir“

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.

2 „Gefällt mir“

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;
    }
}
1 „Gefällt mir“

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/"]

1 „Gefällt mir“