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