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

feat: update header to be keyboard accessible #597

Merged
merged 2 commits into from
Sep 12, 2023

Conversation

KristinAoki
Copy link
Member

JIRA Ticket: TNL-10750

This PR resolves the menu overlap issue when changing between different menus in the header. Additionally this PR make the header keyboard accessible. The previous version of the header did not allow the Content, Settings, or Tools menus to be clickable/hoverable via the keyboard only. Lastly the PR makes the menus and button hover states consistent across all dropdown menus.

Testing

  1. Check that all the links go to their expected page and none are missing
  2. Check that all menus and links are accessible only using your keyboard.

@codecov
Copy link

codecov bot commented Sep 11, 2023

Codecov Report

Patch coverage: 100.00% and project coverage change: -0.60% ⚠️

Comparison is base (a1793ef) 84.55% compared to head (29a259b) 83.96%.
Report is 6 commits behind head on master.

Additional details and impacted files
@@            Coverage Diff             @@
##           master     #597      +/-   ##
==========================================
- Coverage   84.55%   83.96%   -0.60%     
==========================================
  Files         307      312       +5     
  Lines        4993     5100     +107     
  Branches     1102     1126      +24     
==========================================
+ Hits         4222     4282      +60     
- Misses        747      771      +24     
- Partials       24       47      +23     
Files Changed Coverage Δ
src/studio-header/Header.jsx 100.00% <ø> (ø)
src/studio-header/messages.js 100.00% <ø> (ø)
src/studio-header/BrandNav.jsx 100.00% <100.00%> (ø)
src/studio-header/CourseLockUp.jsx 100.00% <100.00%> (ø)
src/studio-header/HeaderBody.jsx 100.00% <100.00%> (ø)
src/studio-header/MobileHeader.jsx 100.00% <100.00%> (+15.38%) ⬆️
src/studio-header/MobileMenu.jsx 100.00% <100.00%> (ø)
src/studio-header/NavDropdownMenu.jsx 100.00% <100.00%> (ø)
src/studio-header/UserMenu.jsx 100.00% <100.00%> (ø)
src/studio-header/utils.js 100.00% <100.00%> (ø)

... and 22 files with indirect coverage changes

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Contributor

@kenclary kenclary left a comment

Choose a reason for hiding this comment

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

look good

@KristinAoki KristinAoki merged commit 7f8c6f2 into master Sep 12, 2023
@KristinAoki KristinAoki deleted the KristinAoki/fix-header-droopdown-overlap branch September 12, 2023 14:19
snglth pushed a commit to Abstract-Tech/community-theme-course-authoring that referenced this pull request Jan 9, 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

Successfully merging this pull request may close these issues.

2 participants