你好!
我正在开发一个自定义主题。我们的“桌面分类页面样式”是“分类”和“最新主题”。我试图将“分类”部分样式化为更像卡片(因此很遗憾,我不得不与表格作斗争,因为它是用表格构建的)。我注意到,我不希望“分类”部分显示“主题”列,也不希望显示未读/新消息。对于“桌面分类页面样式”,是否有某种配置可以移除主题和未读/新消息部分?目前,我正在尝试对表格单元格的部分使用 display: none 逻辑,但由于未读/新消息的存在,这仍然会带来问题。
提前感谢您的帮助!
你好!
我正在开发一个自定义主题。我们的“桌面分类页面样式”是“分类”和“最新主题”。我试图将“分类”部分样式化为更像卡片(因此很遗憾,我不得不与表格作斗争,因为它是用表格构建的)。我注意到,我不希望“分类”部分显示“主题”列,也不希望显示未读/新消息。对于“桌面分类页面样式”,是否有某种配置可以移除主题和未读/新消息部分?目前,我正在尝试对表格单元格的部分使用 display: none 逻辑,但由于未读/新消息的存在,这仍然会带来问题。
提前感谢您的帮助!
.category-list .topics {
display: none;
}
这有帮助吗?这将移除您在红框中标出的内容。
感谢回复 @ondrej!这多少有点帮助。
我们的布局类似于 https://meta.discourse.org/categories,但我正转向使用更卡片化的类别设计。使用 display:none 在一定程度上可行,但由于“类别”是一个巨大的 table 元素,即使存在主题和/或未读/新消息时,它仍会占据空间。因此,即使使用了 display: none,你仍会看到一小块被占用的白色间隙。
我找到了一个解决方案,但原本希望能有一个配置选项能完全移除它。
我的解决方案:
<tr> 设置高度,例如 height: 160px。同时设置 overflow: hidden。<td> 设置高度,使其与 <tr> 的高度一致。<td> 的高度设置为 0。这肯定不是最佳方案,但目前奏效了。