隐藏分类部分中的主题和未读/新消息

你好!

我正在开发一个自定义主题。我们的“桌面分类页面样式”是“分类”和“最新主题”。我试图将“分类”部分样式化为更像卡片(因此很遗憾,我不得不与表格作斗争,因为它是用表格构建的)。我注意到,我不希望“分类”部分显示“主题”列,也不希望显示未读/新消息。对于“桌面分类页面样式”,是否有某种配置可以移除主题和未读/新消息部分?目前,我正在尝试对表格单元格的部分使用 display: none 逻辑,但由于未读/新消息的存在,这仍然会带来问题。

提前感谢您的帮助!

.category-list .topics {
    display: none;
}

这有帮助吗?这将移除您在红框中标出的内容。

1 个赞

感谢回复 @ondrej!这多少有点帮助。

我们的布局类似于 https://meta.discourse.org/categories,但我正转向使用更卡片化的类别设计。使用 display:none 在一定程度上可行,但由于“类别”是一个巨大的 table 元素,即使存在主题和/或未读/新消息时,它仍会占据空间。因此,即使使用了 display: none,你仍会看到一小块被占用的白色间隙。

我找到了一个解决方案,但原本希望能有一个配置选项能完全移除它。

我的解决方案:

  • 为包含类别/主题信息的 <tr> 设置高度,例如 height: 160px。同时设置 overflow: hidden
  • 为包含类别名称的 <td> 设置高度,使其与 <tr> 的高度一致。
  • 将包含主题的 <td> 的高度设置为 0

这肯定不是最佳方案,但目前奏效了。