MarcP
(MarcP)
1
小さなマージンバグがあります。
メタではこの問題を確認できませんでしたが、私のインスタンスでは、このCSSコードが原因です。
このコードは、トップボタンとウェルカムバナーの間にマージンを追加するためのものですが、そうあるべきではない場所にもマージンを強制しています。また、スタッフや信頼レベルなどによってウェルカムバナーが非表示になっている場合でも、マージンは有効なままです。
編集：ずさんな修正？
このクラスからマージンを削除します。
.above-main-container-outlet.welcome-link-banner-connectors {
margin-bottom: 0em !important;
}
そして、このクラスに同じマージンを追加します。
.above-main-container-outlet.welcome-link-banner-connectors .welcome-link-banner, .below-site-header-outlet.welcome-link-banner-connector .welcome-link-banner {
margin-bottom: 1em;
}
これで問題は解決したようです。今のところ問題は発生しておらず、バナーも引き続ききれいに表示されています。
「いいね！」 3
Canapin
(Coin-coin le Canapin)
2
.above-main-container-outlet.welcome-link-banner-connectors には margin-bottom: 1em がありますが、その目的がわかりません。
さらに、ウェルカムバナーが表示されているかどうかにかかわらず、空のスペースが追加されます。表示されていない場合は、マージンはここにあるべきではありません。
また、Christmas Decoration Component 🎄 のライトロープのような、下の他のテーマコンポーネントのレイアウトを壊す可能性もあります。
例：
ここでは2つの解決策があります。
ウェルカムバナーコンポーネントに margin-bottom が使用されていない場合は削除するか、表示要件が満たされていない場合にウェルカムバナーに display: none; を追加します。
「いいね！」 4
お知らせいただきありがとうございます！バナーが別のバナーやアラートのすぐ上にある場合があるため、マージンが必要でした。コンポーネントが非表示になっている場合の影響をなくすために、マージンを移動することができました。
「いいね！」 6
