Is there a way to remove the lock badge for some categories but not for others?

UX
1

Hello guys,

as the title suggests, I am looking for a way to remove the lock badge for some categories, but not for others.
I managed to do this for the category-drop-header, since I can use the category ID to only remove the lock icon for this category, instead of globally.

I did not, however, manage to remove the icon for the badge in the category overview (cf. screenshot) and in the drop-down list of categories in the search.

Do you have any suggestions for me? I’m pretty new to working with CSS and I’ve exhausted my own approaches.

Thanks a lot!

20
201229×289 43.4 KB

edit:
I read both of the following threads, but could not find a solution that worked for me:

2

I think this should do it:

// Hide the lock icon for specific categories on topic lists and hamburger menu,
// and hide the lock icon on all dropdown search results
.search-menu .results .restricted,
[href="/c/MY-CATEGORY-SLUG1"],
[href="/c/MY-CATEGORY-SLUG2"],
[href="/c/MY-CATEGORY-SLUG3"] {
    .fa-lock {
        display: none;
    }
}

Just replace the MY-CATEGORY-SLUG# part with the slugs of the categories you want to have the lock icon hidden.

Unfortunately there isn’t enough to work with in the HTML to pick and choose which categories show the lock icon in the dropdown search results with CSS, so it’s all or nothing for that part. You will need to decide if you want to show or hide the lock for all restricted categories. If you want to show it, just remove this part: .search-menu .results .restricted,

Hopefully that gets you pretty close to what you are looking for!

11 „Gefällt mir“
3

Entschuldigung für das Ausgraben, aber ich bekomme dieses hier nicht zum Laufen. Ich versuche, das Schloss-Symbol für unsere Lounge zu unterdrücken, die den Slug „off-topic“ hat. Unsere Lounge war keine Standardinstallation, es war eine erstellte Kategorie und ich habe die Berechtigungen so eingestellt, dass sie für Nicht-Mitglieder nicht sichtbar ist. Aber ich möchte das Schloss-Symbol dort nicht haben, weil die Mitgliedschaft denkt, es sei eine gesperrte Kategorie.

Ich gehe davon aus, dass ich dies zum CSS-Code hinzufüge:

// Verstecke das Schloss-Symbol für bestimmte Kategorien in Themenlisten und im Hamburger-Menü
// und verstecke das Schloss-Symbol in allen Dropdown-Suchergebnissen
.search-menu .results .restricted,
[href="/c/off-topic"] {
    .fa-lock {
        display: none;
    }
}

Das Schloss-Symbol ist immer noch da. Ich möchte es nicht global ersetzen und ich mag die Idee, das Schloss-Symbol auch im Kategorie-Dropdown zu unterdrücken.

4

Hallo, was ist mit diesem hier:

.category-drop [data-value="ID"] .restricted,
[href^="/c/off-topic"] {
    .d-icon-lock {
        display: none;
    }
}

Ersetze ID mit der ID der Off-Topic-Kategorie.

1 „Gefällt mir“
5

Danke für die Antwort. Das hat es im Dropdown der Kategorie-Suche unterdrückt, was großartig ist. Aber ich möchte auch das Schloss-Symbol global für diese Kategorie (nicht für andere gesperrte Elemente) unterdrücken, wie auf der Kategorie-Listen-Seite.

1 „Gefällt mir“
6

Ich habe einen Tippfehler in der CSS gemacht; ich habe lounge anstelle von off-topic geschrieben.

1 „Gefällt mir“
7

[quote=“Franz Mutschler, post:1, topic:92610, username:franzmutschler”]das Icon für das Badge in der Kategorieübersicht zu entfernen (siehe Screenshot)
[/quote]

genau das möchte ich auch tun.

8

fantastisch! das hat es getan. vielen dank :clap:

2 „Gefällt mir“
9

Schön, dass es geklappt hat! Lass es mich wissen, wenn ich einen Ort übersehen habe :slight_smile:

2 „Gefällt mir“
10

@Arkshine
Mit den obigen Codebeispielen konnte ich die Sperre für 2 Kategorien auf der Hauptseite und in der Seitenleiste entfernen. Großartig!

Allerdings erscheint die Sperre immer noch in den Dropdown-Menüs der Kategorien. Beide Kategorien zeigen nirgendwo sonst Sperren an, nur in diesem Menü.

Screenshot 2023-08-24 at 2.41.52 PM

Irgendwelche Ideen?

EDIT:
Ich konnte das Sperrsymbol aus den Dropdown-Menüs für ALLE Kategorien entfernen, aber ich kann nicht herausfinden, wie ich es nur für ausgewählte Kategorien entfernen kann. Hier ist das CSS:

.badge-wrapper.bullet span.badge-category, {
    .d-icon-lock {
        display: none;
    }
}

Ich habe versucht, ein ähnliches CSS wie oben mit [data-value=“ID”] zu verwenden, aber das hat in diesem Fall nicht funktioniert.

1 „Gefällt mir“
12

Mir ist aufgefallen, dass die Verwendung von CSS für Sperrsymbole an manchen Stellen etwas knifflig ist. Daher habe ich eine Theme-Komponente erstellt, um dies einfach zu bewerkstelligen. Sie blendet das Sperrsymbol für ausgewählte sichere Kategorien im Dropdown-Selektor der Breadcrumbs, in der Breadcrumb-Leiste des Headers, im Navigationsmenü der Seitenleiste und in den entsprechenden Chat-Kanälen aus. :slight_smile:

2 „Gefällt mir“
13

Danke @Lilly. Ich habe deine ursprüngliche Antwort neulich gesehen und hatte gerade Zeit, einige Bearbeitungen vorzunehmen, und fand heraus, dass du es mir nicht nur leichter gemacht hast, sondern auch eine ausgezeichnete Theme-Komponente erstellt hast, die sicherlich unzähligen Leuten helfen wird, die dasselbe erreichen wollen. Vielen Dank für deine Zeit und Mühe. Sehr geschätzt.

1 „Gefällt mir“
14

Gern geschehen und vielen Dank für das nette Kompliment. Ich entwickle gerne Theme-Komponenten-Tools, um Leuten zu helfen, die Fähigkeiten ihrer Discourse-Foren zu erweitern. :blush:

2 „Gefällt mir“