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

【どうしよう】コアブロックのナビゲーションメニューの縦並び時の不具合修正 #245

Open
wants to merge 12 commits into
base: master
Choose a base branch
from

Conversation

mtdkei
Copy link
Contributor

@mtdkei mtdkei commented Mar 11, 2024

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

#244

どういう変更をしたか?

以下の点を修正しました。

  • 編集画面で設定したgapが効かない
  • サブメニューを含むメニュー項目にオンマウスしていないのにサブメニューが表示される
  • サブメニューを含むメニュー項目のテキストと下矢印が横並びになっていない
  • ブロックエディター上でサブメニューの色を設定していない時、背景が透明になる
  • サブメニューのpaddingを追加

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

ソースコードについて

  • 複数の意図の変更 ( 機能の不具合修正 + 別の機能追加など ) を含んでいないか?
  • 関数名 / 変数名 / クラス名 / 保存値名 はそれだけで内容が想像できるものになっているか?紛らわしい命名になっていないか?
  • 関数名 / 変数名 / クラス名 / 保存値名 は既存のコードの命名規則に沿ったものになっているか?

プログラムの変更の場合

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

  • 書けそうなテストは書いたか?

その他

  • readme.txt に変更内容は書いたか?
  • Files changed (変更ファイル)の内容は目視でちゃんと確認したか?
  • このチェック項目を機械的にチェックするのではなく本当にちゃんと確認をしたか?
  • レビュワーが確認しないでリリースしてしまっても問題ないレベルまでちゃんと作りこみ・確認をしたか?

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

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

フッターのパターンブロックをコピペして以下をご確認ください。

  • 編集画面で設定したgapが効いているか?(効いていない場合、gapが0になっています。)
  • サブメニューを含むメニュー項目にオンマウスしていない状態では非表示になっているか?
  • サブメニューを含むメニュー項目のテキストと下矢印が横並びになっているか?
  • ブロックエディター上でサブメニューの色を設定していない時に背景が透明にならないか?
  • サブメニューのpaddingを追加(効いていない場合、paddingが0になっています。)

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

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

レビュワー向け

確認して変更が反映されていない場合の確認事項

  • プルしたか?
  • ビルドしたか?
  • ビルドしたディレクトリは正しいか(別の開発環境のディレクトリを見ていないか)?
  • npm install したか?
  • composer install したか?

サブメニューの表示状態を変更
サブメニューを含むメニュー項目の下矢印を横並びにする(テスト含む)。
メニュー項目のテキストと下矢印を横並びにするためにnotを付与
サブメニュー項目のaのpaddingを追加
is-vertical の padding が 0 になる影響で submenuのa が効かない現象に対応
gap: 0; があることで、ブロックエディター上のナビゲーションメニューに設定している gap が効かない現象に対応
コアブロックのナビゲーションメニューのreadme記述
編集画面でサブメニューの背景色を設定していない時、背景色が透明になってしまう現象に対応
ブロックエディター上でサブメニューの色を設定していない時、背景が透明になる現象に対応
@mtdkei mtdkei requested review from sysbird, goutetsuguma and kurudrive and removed request for sysbird and goutetsuguma March 11, 2024 03:20
@mtdkei mtdkei self-assigned this Mar 11, 2024
@mtdkei mtdkei changed the title コアブロックのナビゲーションメニューの不具合修正 コアブロックのナビゲーションメニューの縦並び時の不具合修正 Mar 11, 2024
@mtdkei mtdkei changed the title コアブロックのナビゲーションメニューの縦並び時の不具合修正 【確認待ち】コアブロックのナビゲーションメニューの縦並び時の不具合修正 Mar 11, 2024
@mtdkei mtdkei marked this pull request as ready for review March 11, 2024 03:21
@mtdkei mtdkei added the bug Something isn't working label Mar 11, 2024
@sysbird sysbird changed the title 【確認待ち】コアブロックのナビゲーションメニューの縦並び時の不具合修正 【確認中】コアブロックのナビゲーションメニューの縦並び時の不具合修正 Mar 15, 2024
@sysbird
Copy link
Member

sysbird commented Mar 15, 2024

@mtdkei
確認しました、ありがとうございます!

@kurudrive
ねんのため確認してマージお願いしたいです

@mtdkei mtdkei changed the title 【確認中】コアブロックのナビゲーションメニューの縦並び時の不具合修正 【石川さん確認待ち】コアブロックのナビゲーションメニューの縦並び時の不具合修正 Mar 18, 2024
@kurudrive kurudrive changed the title 【石川さん確認待ち】コアブロックのナビゲーションメニューの縦並び時の不具合修正 【石川さん確認中】コアブロックのナビゲーションメニューの縦並び時の不具合修正 Mar 21, 2024
assets/_scss/_navigation.scss Outdated Show resolved Hide resolved
Comment on lines 199 to 200
// --wp--style--block-gap: 0;
// gap: 0;
Copy link
Member

Choose a reason for hiding this comment

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

@mtdkei @sysbird
うーむ、難しいところですね...。
これ解除すると既存のサイトのメニューの gap が広がっちゃうのよね...。
アップデートで既存サイトの表示が変わらない事は非常に注意しないといけないので、

Copy link
Member

Choose a reason for hiding this comment

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

とりあえず gap が効かない問題はこのブランチから切り離して、別の issue / プルリク とした方が良いかなと思います(・w・

& .wp-block-navigation-submenu a:not(.wp-element-button),
& .wp-block-navigation-submenu button.wp-block-navigation-item__content,
& .wp-block-pages-list__item button.wp-block-navigation-item__content {
padding: .5em 1em;
Copy link
Member

Choose a reason for hiding this comment

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

@mtdkei これって、他のセレクタからの padding:0.8em 指定に負けて効いてなくないです(・・?

@kurudrive kurudrive changed the title 【石川さん確認中】コアブロックのナビゲーションメニューの縦並び時の不具合修正 【どうしよう】コアブロックのナビゲーションメニューの縦並び時の不具合修正 May 27, 2024
kurudrive and others added 3 commits May 28, 2024 15:17
# Conflicts:
#	assets/_scss/_navigation.scss
#	readme.txt
Co-authored-by: Hidekazu Ishikawa <[email protected]>
@mtdkei
Copy link
Contributor Author

mtdkei commented May 30, 2024

@kurudrive
ご確認ありがとうございます。
ご指摘の点は修正しました。

gapが効かない部分はどうしましょう。確かに既存の縦並びメニューにも影響がありそうで難しいです。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants