vektor-inc / lightning

Lightning is powerful them for WordPress.
https://lightning.vektor-inc.co.jp
GNU General Public License v2.0
104 stars 28 forks source link

編集画面:過去に作ったパターンで、全幅or幅広のカバーorグループブロックのインナーに設置したブロックがコンテンツ幅からはみ出す #1175

Open goutetsuguma opened 3 months ago

goutetsuguma commented 3 months ago

新規で設置した全幅のカバーやグループブロックには"layout":{"type":"constrained"}属性がつくようでコンテンツ幅に収まります。 パターンのEvergreenのパターンが編集画面でインナーがはみ出していたので、パターンの方は"layout":{"type":"constrained"}を付与して、コンテンツ幅に収まるようにしました。

WPバージョン:6.5.5とLightningのバージョン: 15.21.1ではコンテンツ内に収まっているようですので、編集画面のcssの調整をしたときに変わったのかな?と思いましたが、違うかもしれません。

デモサイトのEvergreenのトップの固定ページを編集画面から、新しいバージョンの環境に設置すると症状が確認できます。


追記 終礼で共有したところ、仕様が変わり幅処理はわからない部分もあるので難しいかもしれないとのことでした。

kaorock72 commented 3 months ago

WP6.6で確認していて症状が似ているパターンがあったため、コメント入れておきます...!

ビジネス全般_CTA ブロックテーマだと、全幅のカバーのインナーがコンテンツ幅からはみだしてしまうようです。(「コンテント幅を使用するインナーブロック」が有効でないため) フロント・編集画面ともはみでる / Lightning だと問題なし ブロックテーマ上で新規に設置した全幅のカバーだと「コンテント幅を使用するインナーブロック」がデフォルトで有効状態のため、インナーはコンテンツ幅を維持します。 https://github.com/vektor-inc/vk-patterns/issues/355#issuecomment-2259801129

goutetsuguma commented 3 months ago

ビジネス全般_CTA ブロックテーマだと、全幅のカバーのインナーがコンテンツ幅からはみだしてしまうようです。(「コンテント幅を使用するインナーブロック」が有効でないため)

@kaorock72 確認ありがとうございます!同じ症状でした。 ビジネス全般_CTAのパターンは、いったんカバーブロックに"layout":{"type":"constrained"}の属性を付与して対応しました!

kaorock72 commented 3 months ago

@goutetsuguma 対応してくれてありがとうございます〜!