Come nascondere la categoria Staff con CSS?

Sto ospitando un’installazione di Discourse che funge da wiki per due persone. Per questo scopo non ho bisogno della categoria Staff: sta solo ingombrando lo schermo.

Posso usare il seguente CSS per nasconderla su desktop:

// nascondi categoria Staff
tr[data-category-id="3"] {
    display: none;
}

Tuttavia, questo non funziona su mobile. Qualcuno sa come nascondere la categoria Staff anche su mobile?

Prova

// nascondi la categoria staff
tr[data-category-id="3"],
category[data-category-id="3"]  {
    display: none;
}

Sembra che non abbia funzionato. Questo invece sì:

// nascondi la categoria staff
tr[data-category-id="3"],
.category-list-item[data-category-id="3"]  {
display: none;
}

Purtroppo, appaiono ancora post dello staff nei risultati di ricerca. Ho esaminato il CSS e sono riuscito a isolare la sezione usando questo:

.fps-result .author a[data-user-card=“system”] {
}

ma sembra che non esista attualmente un modo per selezionare la classe genitore nelle specifiche CSS (sebbene sia prevista in una specifica futura (:has() - CSS | MDN)), quindi non vedo come sia possibile nascondere queste voci di ricerca senza modifiche al modo in cui Discourse stila le voci nelle pagine di ricerca.

Cercare di nascondere completamente una categoria non eliminabile, creata specificamente per lo staff, sembra difficile.
Se ti dà così tanto fastidio, potresti usare come account principale uno nuovo con livello di fiducia 4, e accedere con il tuo account amministratore solo quando devi svolgere attività da admin.

Forse rendi quegli utenti non membri dello staff?