[ G3 ][ Design Bug Fix ] :not セレクターを追加することで、親に .is-layout-flex クラスがある場合に、子要素がコンテンツ幅全体に展開されないようにしました。

[goutetsuguma]

チケットへのリンク / 変更の理由（元のissueがあればリンクを貼り付ければOK）

#1213

どういう変更をしたか？

:not セレクターを追加することで、親に .is-layout-flex クラスがある場合に、子要素がコンテンツ幅全体に展開されないようにしました。

スクリーンショットまたは動画

変更前 Before

変更後 After

実装者の確認事項

実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。

• 複数の意図の変更 （ 機能の不具合修正 + 別の機能追加など ） を含んでいないか？
• Files changed (変更ファイル)の内容は目視で確認したか？
• readme.txt に変更内容は書いたか？
• 本当にちゃんと確認をしたか？

プログラムの変更の場合

テストを書かないのは普通ではありません。書けるテストは極力書くようにしてください。

• 書けそうなテストは書いたか？
  CSSのためスキップ

変更内容について何を確認したか、どういう方法で確認をしたかなど

• Lightning テーマの「カスタマイズ」> Lightning 機能設定 から、theme.json を有効化にチェックをして、世代は「 Generation 3 」にします
• 以下のコードを貼り付けます。

<!-- wp:group {"metadata":{"name":"ヘッダー"},"align":"full","className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-0\u002d\u002dmargin-bottom","style":{"spacing":{"blockGap":"0","padding":{"right":"20px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignfull vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom" style="padding-right:20px"><!-- wp:group {"metadata":{"name":"ロゴ背景"},"style":{"spacing":{"padding":{"top":"15px","bottom":"15px","left":"20px","right":"20px"}}},"backgroundColor":"vk-color-primary","layout":{"type":"constrained"},"linkTarget":"_self"} -->
<div class="wp-block-group has-vk-color-primary-background-color has-background" style="padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px"><!-- wp:site-logo {"width":170,"shouldSyncIcon":true,"className":"is-style-default","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"},"padding":{"top":"0.75rem","bottom":"0.75rem"}},"color":{"duotone":["#ffffff","rgb(255, 255, 255)"]},"layout":{"selfStretch":"fill","flexSize":null}}} /--></div>
<!-- /wp:group -->

<!-- wp:navigation {"ref":8410,"icon":"menu","className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-0\u002d\u002dmargin-bottom","style":{"typography":{"fontSize":"0.85rem"}},"layout":{"type":"flex","justifyContent":"left"}} /--></div>
<!-- /wp:group -->

• ロゴをラップしているグループブロックがコンテンツ幅に広がらないことを確認しました。
• 念の為、親の「横並び」を「縦積み」にかえたり、配置を「左寄せ・中央・右寄せ」にして、幅が広がっていないことを確認しました。

レビュワーに回す前の確認事項

• 実装者はこのテンプレートのチェック項目をちゃんと確認してチェックしたか？

レビュワー確認方法・確認内容など

• 実装者と同じ方法で確認をお願いします

---

レビュワー向け

レビュワーが確認して変更が反映されていない場合の確認事項

レビューしてみて意図した動作をしない場合は再度ビルドするなど以下の項目を確認してください。

• プルしたか？
• ビルドしたか？
• ビルドしたディレクトリは正しいか（別の開発環境のディレクトリを見ていないか）？
• npm install したか？
• composer install したか？
• キャッシュをクリアして確認したか？

[sysbird]

対応ありがとうございます、
コンテンツ内、およびテンプレートパーツ内(ヘッダー／フッター)で解決されていることを確認しました！