こんにちは、Discourseチーム 
最新のアップデートの後、カテゴリページで .navigation-container 要素に関連するCSSの回帰が見られました。
以前は、.navigation-container の下部境界線と、その下のコンテンツ（カテゴリボックスなど）との間に自然な間隔またはマージンがありました。しかし現在は、境界線が次の要素にぴったりとくっついており、マージンやパディングがなく、視覚的に窮屈で一貫性のない見た目になっています。
これは最新のアップデート後にのみ発生し、原因は以下のCSSにあるようです。
.navigation-categories .navigation-container,
.categories-list .navigation-container {
border-bottom: 3px solid var(--primary-low-mid-or-secondary-high);
}
手動で以下を追加することで修正しました。
margin-bottom: 24px;
これにより間隔が元に戻りますが、理想的にはこれはコアまたはデフォルトのテーマで処理されるべきです。
修正前：
修正後：
よろしくお願いいたします。
「いいね！」 3
chapoi
3
こんにちは。
この問題は再現できません。メタ（meta）でも同じように見えますか、それともご自身のサイトだけで見られますか？
具体的にどのページでこれが見られるか教えていただけますか？例えば、私はメタのhttps://meta.discourse.org/categoriesを確認しましたが、私には問題なく見えます。
chapoi
5
ありがとうございます。助かります。
@jordan.vidrine 新しいグローバル変数によるものかもしれません。
.container.list-container.--categories {
padding: 0 var(--list-container-categories-padding-x);
}
Air テーマはカスタムコンポーネント custom-category-boxes-container を使用しているため、一般的なコア修正はないと思います。私たちのカテゴリページレイアウトはすべてそれに合わせて調整されています。通常のボックス表示は問題なく動作します。
@xkhalid そのページでカスタムコンポーネントを使用していますか？
「いいね！」 1
chapoi
7
なるほど、これで説明がつきました。ありがとうございます。エアテーマはすぐに修正します。
「いいね！」 1
対応ありがとうございます、@chapoi！
一時的な修正として、CSSに以下を追加しました。
.navigation-categories .navigation-container,
.categories-list .navigation-container {
border-bottom: 3px solid var(--primary-low-mid-or-secondary-high);
margin-bottom: 24px;
}
「いいね！」 1
chapoi
クローズされました:
11
このトピックは4日後に自動的に閉じられました。返信はもう許可されていません。
