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

Navigation Block: Flip submenu indicator arrow icon on click/hover #35636

Open
jacobcassidy opened this issue Oct 14, 2021 · 0 comments
Open
Labels
[Block] Navigation Affects the Navigation Block [Type] Enhancement A suggestion for improvement.

Comments

@jacobcassidy
Copy link

What problem does this address?

Currently, when you open a submenu, the downward arrow icon does not change. Ideally, it would flip into an upward arrow when the submenu is open.

What is your proposed solution?

Add a CSS transform to flip the SVG arrow icon. For example, using the following CSS for on-click submenus:

.wp-block-navigation-submenu__toggle[aria-expanded=true] .wp-block-navigation__submenu-icon svg {
    transform: scaleY(-1);
}

closed-open_submenu

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Navigation Affects the Navigation Block [Type] Enhancement A suggestion for improvement.
Projects
Development

No branches or pull requests

2 participants