CSSでスタッフカテゴリを非表示にする方法

2 人のユーザー向けのウィキとして Discourse インストールをホストしています。この用途ではスタッフカテゴリは不要で、画面を煩雑にしているだけです。

以下の CSS を使用してデスクトップではこれを非表示にできます。

// hide staff category
tr[data-category-id="3"] {
    display: none;
}

ただし、モバイルでは機能しません。モバイルでもスタッフカテゴリを非表示にする方法をご存知の方がいらっしゃいましたら教えてください。

試してみてください

// スタッフカテゴリを非表示にする
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 | MDN を参照)。そのため、Discourseが検索ページで投稿をスタイルする仕組みを変更しない限り、これらの検索結果を非表示にする方法はないと思われます。

staff 専用として存在する削除不可能なカテゴリを完全に隠蔽するのは難しいでしょう。
あまりにも気になるようなら、信頼レベル4の新しいアカウントをメインアカウントとして使い、管理業務が必要な時だけ管理者アカウントでログインするという方法もあります。

もしかして、そのユーザーをスタッフから外すのはどう?