何か最近変更されたようで、`--topic-body-width` を増やせません

開発
1

こんにちは。フォーラムの幅をカスタマイズして使用しています。これは、ほとんどのユーザーが、より広いレイアウトで空白を少なくすることを強く好むためです。

:root {
  --d-max-width: 1900px;
  --topic-body-width: 1244px;
}

--topic-body-width を使用すると、1920px のブラウザウィンドウで、タイムラインとタイムラインのフッターコントロールを右マージンから数ピクセル以内に押し込むことができました。しかし、3.3.0.beta1-dev へのアップデートにより、たとえ --d-max-width と --topic-body-width の値をはるかに大きくしても、この幅にしかならなくなりました（HTMLインスペクターでこれらの変更を適用したMetaのスクリーンショット）。

image
image1919×782 148 KB

トピック本文の最大幅は約 1040px のようです。.timeline-container .topic-timeline の min-width 値を削除してみましたが、それも違いはありませんでした。何かヒントはありますか？ どうもありがとうございます。

「いいね！」 2
2

こんにちは :wave:

これは、DiscoTOC - 自動目次テーマコンポーネントの新しいアップデートが .container.posts をパーセンテージで計算するためです。これは本当に素晴らしいと思います。

「いいね！」 3
3

どうもありがとうございます！TOCはあまり多くなく、ユーザーは幅広の投稿を強く好むため、unsetしました。

.container.posts {
    grid-template-columns: unset;
}

これで大丈夫ですよね？

4

デフォルトでは、D-TOC を使用しない場合、これはコアにあります。:arrow_down_small:
これにより、これらのパーセンテージの変更を元に戻すことができます。

@media screen and (min-width: 925px) {
  .container.posts {
    grid-template-columns: auto auto;
  }
}

または、パーセンテージを変更して、投稿セクションを広くすることもできます。たとえば。

@media screen and (min-width: 925px) {
  .container.posts {
    grid-template-columns: 80% 20%;
  }
}
「いいね！」 2
5

返信ありがとうございます！私もD-TOCを使用していますが、それを使用するトピックが多くないので、TOCがある数少ないトピックで多少のコンテンツシフトがあっても問題ありません。以前のシフトするDiscourseの動作に戻すには、どちらをお勧めしますか？

それとも

ですか？

重ねて感謝いたします。あなたのヒントなしでは、この変更の根本原因を見つけることは決してなかったでしょう。

「いいね！」 1
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.