グループメンバーページで投稿済みと閲覧済みの列を非表示にするCSS

開発
1

Discourse 2.7.0.beta4 以降、グループ詳細ページで「Posted」および「Seen」列を非表示にするために以前使用していたカスタム CSS が機能しなくなりました。現在は「Seen」列のみが表示されています。

image
image1030×229 14.1 KB

「Posted」「Seen」「Added」の列のうち、「Added」列のみを残したいと考えています。以下の CSS は以前は機能していましたが、現在は動作しません。

/* グループ詳細のメンバーリストから「Posted」と「Seen」列を削除 */
table.group-members th:nth-child(n+4):nth-child(-n+5), table.group-members td:nth-child(n+4):nth-child(-n+5) {
    visibility: hidden;
    width: 0px;
    font-size: 0px;
}

「Posted」と「Seen」を再度非表示にするには、CSS をどのように修正すればよいでしょうか？

上記の説明だけでは不十分な場合、この状況を全体像を説明する 2 分間の動画があります。

https://www.loom.com/share/f6cd2fa0628d4876a73ebb2a500d9bfa

2

こんにちは :wave:

動画を送っていただき、ありがとうございます。

そのページの表のヘッダーには、一括選択ボタン用の余分な列があります。

image
image517×418 21 KB

そのため、nth-child セレクターのインデックスが 1 つずれています。

以下のコードを試して、問題が解決するかご確認ください。

.group-members {
  th {
    &:nth-child(5),
    &:nth-child(6) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
}

当面は、そのレイアウトに変更を加える予定はありません。そのため、ここでは nth-child セレクターを使用しても問題ないはずです。

5

CSSが機能しました。ありがとうございます！