Skip to content

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

Closed
@jacobcassidy

Description

@jacobcassidy

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

Metadata

Metadata

Labels

Needs DevReady for, and needs developer efforts[Block] NavigationAffects the Navigation Block[Status] In ProgressTracking issues with work in progress[Type] EnhancementA suggestion for improvement.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions