[ 固定表示 ] 固定位置「上」「下」の時にmax-widthを追加

[mtdkei]

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

X-T9で固定表示ブロック、かつ、固定位置「上」「下」の時に画面幅いっぱいに固定表示ブロックが広がらなかったため。

どういう変更をしたか？

X-T9などmax-widthが設定してあるテーマ用に、固定表示ブロック固定位置「上」「下」の時に画面幅いっぱいに広げるためにmax-widthを追加しました。

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

変更前 Before

変更後 After

実装者の確認事項

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

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

プログラムの変更の場合

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

• 書けそうなテストは書いたか？
  →CSSを追加しただけなのでスキップ

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

X-T9で以下を確認しました。

1. 編集画面で固定表示ブロックを配置し、固定位置を「上」「下」に設定。
2. 固定表示ブロックの中に「グループ」「カバー」「Outer」ブロックのいずれかを追加し、背景色や背景画像を設定。
3. 保存後、フロントエンドで確認した時、固定ブロックの中に配置したブロックが画面幅いっぱいに広がっていることを確認。

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

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

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

実装者と同じ方法で確認してください。
また、コードのレビューもお願いします。

---

レビュワー向け

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

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

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

[goutetsuguma]

x-t9で幅が広がることを確認しました。どなたか2人目確認お願いします

[sysbird]

@mtdkei
確認中です
develop ブランチで「上」「下」の時に画面幅いっぱいに広がらない状態が再現しません
x-t9、Lightning とも、もともと正常に見えてる気がします
また来週うかがいますね

[sysbird]

@mtdkei
もともとの現象を確認することができないです
詳しい再現方法か、再現するブロックのコードをいただけると助かります
いつもおそれいりますー

[mtdkei]

@sysbird
こちらこそ確認が遅くなりすみません。
https://patterns.vektor-inc.co.jp/vk-patterns/17563/ をX-T9にコピペして画面幅を狭めたら再現できると思います。

[sysbird]

こちらのパターンで試しました(背景色をグリーンにしてます)
固定位置「下」で表示されるブロックが md 以下のみ表示されるようになってるので、現象がよくわかりません...
ブラウザの幅いっぱいに表示されてると思います

• develop
• x-t9
• wp6.5、wp6.6
  

まずもとの現象が再現できないと、このブランチの確認ができない状況です

[mtdkei]

@sysbird
ご提示くださった同じ環境ですが以下のようになります。

パターン用に非表示設定をつけていましたが、すみませんが消していただけたら幸いです。
ちなみに https://patterns.vektor-inc.co.jp/vk-patterns/17563/ の方でX-T9にしても画面幅いっぱいに固定表示ブロックが広がらない現象が確認できます。(環境がずれているところはあると思いますが念のため。)

[sysbird]

@mtdkei
たしかにパターンライブラリでは再現してますね
私のローカル2環境で確認してますが、再現しません
申しわけありませんが、どなたか確認をお願いできますか

[sysbird]

Reviewers を勝手に追加します！

[mthaichi]

@mtdkei いつもありがとうございます。
内容は良いと思います。readme.txt 一箇所だけ確認をお願いします。

[mthaichi]

@mtdkei この変更はなんでしょうか？

[mtdkei]

お手数をおかけしてすみません、こちらのミスです。ただいま修正しました。

[mtdkei]

↑メンション失念してました
@mthaichi

[mtdkei]

readmeを変更しました。お二人に修正内容はOKという書き込みをいただいたので、これからマージします。