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

Chevron icons in header menu should point down by default and up when dropdowns are active. #260

Open
BlakeOrgan opened this issue Mar 20, 2024 · 0 comments

Comments

@BlakeOrgan
Copy link

BlakeOrgan commented Mar 20, 2024

Expected behavior
Chevron icons in the header menu should point down by default to indicate that lower level content will revealed in a dropdown. Once the dropdown menu is opened, the arrow should then point upward to indicate that moving away from the dropdown will collapse the dropdown currently in use.

To Reproduce
List the steps to reproduce the bug:

  1. Go to any page on civicactions.com
  2. Access any menu item where there is a dropdown element. Ex: Company, Services, or Our Work
  3. Notice that the direction of the chevron arrow switches from up to down.
  4. Move away from the menu item and notice that the arrow switches back to the default position pointing up.

Additional context
It is a UX best practice for arrows in header menus that will show/hide information point the direction that the action will happen in. You can read more about guidance for header components in the US Web Design System

Screenshots

@BlakeOrgan BlakeOrgan changed the title Chevron icons in header menu should always point down. Chevron icons in header menu should point down by default and up when dropdowns are active. Mar 20, 2024
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

No branches or pull requests

1 participant