CSS隐藏群组成员页面中的“发布”和“已查看”列

开发
1

自 Discourse 2.7.0.beta4 起，我们之前用于隐藏群组详情页面中“发布”和“已查看”列的自定义 CSS 已不再有效。现在，我们只保留“已查看”列。

image
image1030×229 14.1 KB

我希望在“发布”、“已查看”和“已添加”这三个列中，仅保留“已添加”列。以下 CSS 代码此前有效，但现在已失效。

/* 从群组详情成员列表中移除“发布”和“已查看”列 */
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;
}

如何修改 CSS 以再次隐藏“发布”和“已查看”列？

如果以上内容不足以说明情况，这里有一个两分钟的视频，解释了整个情况。

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

2

嘿 :wave:

感谢提供的视频。

该页面的表格标题多了一列，用于批量选择按钮。

image
image517×418 21 KB

因此，你的 nth-child 选择器偏移了一位。

试试这个，看看是否能解决你的问题。

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

我们近期不会对该布局进行任何更改。因此，在这里使用 nth-child 选择器应该没有问题。

5

你的 CSS 起作用了，非常感谢！