Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

フッターのページ下部固定及び、HTMLタグの修正 #5261

Closed
wants to merge 3 commits into from

Conversation

YokoInoue-u
Copy link
Contributor

@YokoInoue-u YokoInoue-u commented Dec 16, 2021

ご確認お願いいたします。

概要(Overview・Refs Issue)

内容が少ないページ(/help_about/等)でフッターの下に余白ができる現象を修正する。また、ヘッダー等の基本的なHTMLタグを追加する。

方針(Policy)

  • .ec-layoutRoleをflexにしてフッターをページ下部に固定
  • divを、header, main, aside, footerへ変更

実装に関する補足(Appendix)

テスト(Test)

相談(Discussion)

マイナーバージョン互換性保持のための制限事項チェックリスト

  • 既存機能の仕様変更はありません
  • フックポイントの呼び出しタイミングの変更はありません
  • フックポイントのパラメータの削除・データ型の変更はありません
  • twigファイルに渡しているパラメータの削除・データ型の変更はありません
  • Serviceクラスの公開関数の、引数の削除・データ型の変更はありません
  • 入出力ファイル(CSVなど)のフォーマット変更はありません

レビュワー確認項目

  • 動作確認
  • コードレビュー
  • E2E/Unit テスト確認(テストの追加・変更が必要かどうか)
  • 互換性が保持されているか
  • セキュリティ上の問題がないか

@YokoInoue-u YokoInoue-u changed the title Umebius/dev/html footer フッターのページ下部固定及び、HTMLタグの修正 Dec 16, 2021
@YokoInoue-u YokoInoue-u marked this pull request as draft December 16, 2021 07:23
@YokoInoue-u
Copy link
Contributor Author

参考

  • 修正前
    help_about

  • 修正後
    help_about-dev

@YokoInoue-u YokoInoue-u force-pushed the umebius/dev/html-footer branch 2 times, most recently from 9bef7e9 to 0e02f2e Compare December 20, 2021 06:32
@YokoInoue-u YokoInoue-u marked this pull request as ready for review December 22, 2021 07:23
@chihiro-adachi chihiro-adachi added affected:template フロントテンプレートの変更 Status: discussion labels Dec 23, 2021
@chihiro-adachi chihiro-adachi added this to the 4.x milestone Dec 23, 2021
@chihiro-adachi chihiro-adachi modified the milestones: 4.x, 4.2 Apr 21, 2022
width: 100%;
min-height: 100vh;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

100dvh も一緒に指定するとよいと思います。
https://www.w3.org/TR/css-values-4/#viewport-variants

i(Pad)OS Safari での挙動が求めているものになるはずです。
(vh 指定だと、Safariではアドレスバーなどのサイズが考慮されないので隠れる or 押し出される形になります。)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Mogyuchi さん

おっしゃる通りです。ご指摘ありがとうございます。

min-height: 100vh;
min-height: 100dvh;

へ修正したいと思います。

@chihiro-adachi さん

タグが付いていますが、コミットを修正してもよろしいでしょうか?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@YokoInoue-u
はい、問題ございません。

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@chihiro-adachi さん

min-height: 100dvh;を追加し、プッシュし直しました。
ご確認よろしくお願い致します。

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@YokoInoue-u
修正ありがとうございます。
e2eテストが落ちているようで、みていただくことはできますか?

@YokoInoue-u YokoInoue-u force-pushed the umebius/dev/html-footer branch from 0e02f2e to bd6f193 Compare June 7, 2022 06:26
@codecov-commenter
Copy link

codecov-commenter commented Jun 10, 2022

Codecov Report

Merging #5261 (59223d3) into 4.1 (9b2f5f5) will decrease coverage by 0.29%.
The diff coverage is n/a.

@@             Coverage Diff              @@
##                4.1    #5261      +/-   ##
============================================
- Coverage     68.57%   68.28%   -0.30%     
  Complexity     6162     6162              
============================================
  Files           463      463              
  Lines         25306    25306              
============================================
- Hits          17354    17280      -74     
- Misses         7952     8026      +74     
Flag Coverage Δ
E2E 55.06% <ø> (-2.89%) ⬇️
Unit 76.10% <ø> (+0.02%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files Coverage Δ
src/Eccube/Controller/ForgotController.php 46.46% <0.00%> (-26.27%) ⬇️
src/Eccube/Entity/MailHistory.php 65.71% <0.00%> (-17.15%) ⬇️
...cube/Controller/Admin/Content/LayoutController.php 67.01% <0.00%> (-12.38%) ⬇️
...rc/Eccube/EventListener/TwigInitializeListener.php 71.96% <0.00%> (-6.55%) ⬇️
src/Eccube/EventListener/SecurityListener.php 69.69% <0.00%> (-6.07%) ⬇️
...chaseFlow/Processor/SaleLimitMultipleValidator.php 91.30% <0.00%> (-4.35%) ⬇️
...c/Eccube/Controller/ShippingMultipleController.php 77.63% <0.00%> (-3.95%) ⬇️
.../PurchaseFlow/Processor/StockMultipleValidator.php 92.85% <0.00%> (-3.58%) ⬇️
...rvice/PurchaseFlow/Processor/AddPointProcessor.php 93.54% <0.00%> (-3.23%) ⬇️
.../Service/PurchaseFlow/Processor/PointProcessor.php 93.87% <0.00%> (-2.05%) ⬇️
... and 8 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 9b2f5f5...59223d3. Read the comment docs.

@chihiro-adachi
Copy link
Contributor

@YokoInoue-u
こちらの内容ですが、4.2ブランチへPRいただくことは可能でしょうか?

@YokoInoue-u
Copy link
Contributor Author

@YokoInoue-u こちらの内容ですが、4.2ブランチへPRいただくことは可能でしょうか?

@chihiro-adachi
手を付けておらずすみません。承知致しました。

@YokoInoue-u YokoInoue-u deleted the umebius/dev/html-footer branch August 2, 2022 06:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
affected:template フロントテンプレートの変更 bug:Low Status: fix-me
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants