Humanetech 类别布局

社区
1

继续讨论来自 社区没有边界：Discourse 作为织物——构思与头脑风暴：

@aschrijver 我非常喜欢你以如此集中的列表形式呈现这些类别。我也很想在我们的论坛上这样做！你介意分享一下你的配置吗？

humane-categories
humane-categories159×330 8.04 KB

1 个赞
2

感谢 @sunjam。没问题。我认为以下 CSS 可以实现所需效果：

/* ==============================================
     落地页布局（分类 + 最新动态）
   ==============================================
*/

/* [custom] 将子分类显示为列表 */
.categories-and-latest .subcategory {
    display: table-row;
}

/* [custom] 隐藏“未读帖子”计数 */
.categories-and-latest .subcategory .new-posts {
    display: none;
}

/* [custom] 平衡列宽，为主题标题预留更多空间 */
.categories-and-latest .column.categories {
    max-width: 30%;
}

/* [custom] 隐藏主题统计列 */
.categories-and-latest .topics {
    display: none;
}

/* [custom] 增加主题标题宽度以填满列 */
.categories-and-latest .latest-topic-list-item .main-link {
    max-width: 85%;
}

/* [custom] 将标签显示在子分类旁边（主题标题下方） */
.categories-and-latest .discourse-tags {
    position: relative;
    display: inline-flex;
    margin-left: 5px;
}

注意：其中包含一些额外的样式，用于隐藏界面中某些分散注意力的元素。

6 个赞