いくつかの修正をプッシュしました。
主な変更点：
-
コンポーネントが CSS 変数を使用するようになったため、ダークモードに対応しました
-
@mbauman が報告したバグを修正するために、メディアクエリの一部を修正しました
-
ログインが必要なページでフッターを表示するかどうかを制御できる設定を追加しました
この原因は CSS 特異度 です。あなたの CSS は .wrap をターゲットにしており、機能していますが、このコンポーネントにも #main-outlet をターゲットにして、短いページでもフッターを下部に保つためのプロパティを追加する CSS が含まれています。
Discourse-easy-footer/common/common.scss at main · discourse/Discourse-easy-footer · GitHub
#main-outlet セレクターは ID ベースであるため、あなたの .wrap セレクターよりも特異度が高く、スタイルを上書きしてしまいます。
以下の CSS を追加することで修正できます。
#main {
#main-outlet {
width: 1200px; // お好みの幅に変更してください
}
}
はい、設定で不要な列をすべて削除すれば、3 列になります。
この問題は再現できませんが、エラーから設定が正しくないことが推測されます。各設定の下の指示に従ったか、もう一度確認してください。問題が解決しない場合は、問題が発生しているサイトのリンクを共有してください。
\u003chr\u003e
少し整理を行い、コンポーネントを更新することで修正されるバグに関する返信を削除しました。問題が解決しない場合は、再度投稿してください。