Skip to content

おまけヘッダー 検索バーおよびメガメニュー表示時の挙動を修正#54

Open
flour621 wants to merge 7 commits intodevelop/v3from
fix/v3/header-ex
Open

おまけヘッダー 検索バーおよびメガメニュー表示時の挙動を修正#54
flour621 wants to merge 7 commits intodevelop/v3from
fix/v3/header-ex

Conversation

@flour621
Copy link
Copy Markdown
Contributor

  • 検索バーやメガメニューの表示時にオーバーレイが表示されるよう修正しました
  • メガメニューを表示するためのホバーエリアを拡大しました

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

検索バーおよびメガメニュー表示時の視認性・操作性を上げるため、ヘッダー用のオーバーレイ追加と、メガメニューのホバー領域拡大、検索フォームのフォーカストラップ追加を行うPRです。

Changes:

  • 検索/サブメニュー表示時にヘッダー直下のオーバーレイを表示するスタイルを追加
  • メガメニュー表示のためのホバー領域(ブリッジ)を疑似要素で拡大
  • サブメニュー表示状態の付与(submenu-open)と検索フォームのフォーカストラップを追加

Reviewed changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 5 comments.

Show a summary per file
File Description
themes/site/src/scss/_header.scss 検索/サブメニュー表示時に有効化する .header-overlay の追加
themes/site/src/scss/_global-nav.scss メガメニューへのマウス遷移を安定させるためのホバー領域拡大(::before
themes/site/js/index.js サブメニュー時の submenu-open 付与、検索フォームのフォーカストラップ追加
themes/site/include/header/header-nav-bottom.html オーバーレイ要素の追加
themes/site/include/header/header-logo-center.html オーバーレイ要素の追加
themes/site/dest/editor.css ビルド成果物の差分反映
themes/site/dest/bundle.css ビルド成果物(オーバーレイ/ホバー領域拡大等)の差分反映

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread themes/site/include/header/header-logo-center.html Outdated
Comment thread themes/site/js/index.js Outdated
Comment thread themes/site/js/index.js Outdated
Comment thread themes/site/src/scss/_header.scss
Comment thread themes/site/include/header/header-nav-bottom.html Outdated
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants