Как скрыть категорию Staff с помощью CSS?

Я развернул установку Discourse, которая работает как вики для двух человек. Мне не нужна категория «Staff» для этих целей — она просто загромождает экран.

Я могу использовать следующий CSS, чтобы скрыть её на компьютере:

// скрыть категорию Staff
tr[data-category-id="3"] {
    display: none;
}

Однако это не работает на мобильных устройствах. Знает ли кто-нибудь, как скрыть категорию Staff на мобильной версии?

Попробуйте

// скрыть категорию персонала
tr[data-category-id="3"],
category[data-category-id="3"]  {
    display: none;
}

Похоже, это не сработало. А это помогло:

// скрыть категорию сотрудников
tr[data-category-id="3"],
.category-list-item[data-category-id="3"]  {
display: none;
}

К сожалению, в результатах поиска всё ещё появляются сообщения от сотрудников. Я изучил CSS и смог выделить нужный элемент с помощью следующего селектора:

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

Однако, похоже, что в текущей спецификации CSS нет способа выбрать родительский класс (хотя такая возможность появится в будущей спецификации, см. :has() CSS pseudo-class - CSS | MDN). Поэтому я не вижу, как можно скрыть эти записи в поиске без изменений в том, как Discourse оформляет записи на страницах поиска.

Полностью скрыть неудаляемую категорию, созданную специально для сотрудников, кажется сложным. Если это вас так сильно беспокоит, возможно, стоит использовать новый аккаунт с уровнем доверия 4 в качестве основного, а входить в систему под администратором только при необходимости выполнять административные задачи.

Может, сделать так, чтобы эти пользователи не были сотрудниками?