Categories Plus 最新布局如何使用全屏宽度？

开发
1

我正尝试使桌面上的“分类 + 最新”视图使用全部可用屏幕宽度。
width

网站上的其他所有内容都可以保持不变——我只希望这个布局（左侧是分类，右侧是最新主题）扩展到全宽，而不是保持在固定宽度的居中列中。

我尝试覆盖了许多元素的容器（.wrap、.container、#main-outlet 等），但这个特定的视图仍然受到限制，所以我相信有另一个包装器或网格在控制其宽度。

谁能为我指出控制“分类 + 最新”布局宽度的正确 CSS？

谢谢。

3

您好，

您需要组合更改 main-outlet-wrapper 上的 grid 列布局，并更改 --d-max-width 和 --topic-body-width 变量以满足您的需求。

1 个赞
4

谢谢。这解决了问题。

.badge-category__wrapper .badge-category__name {
    font-size: 1.3em;
}
table.category-list {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 1rem;
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 0;
}

table.category-list thead th {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e0e0e0;
}

table.category-list tbody tr td {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}

table.category-list tbody tr:last-of-type td {
  border-bottom: none;
}


.latest-topic-list {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 1rem;
  box-sizing: border-box;
}

.latest-topic-list-item {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.latest-topic-list-item:last-of-type {
  border-bottom: none;
}
3 个赞