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

DDFFORM 812 burger menu #655

Merged
merged 3 commits into from
Jun 11, 2024
Merged

DDFFORM 812 burger menu #655

merged 3 commits into from
Jun 11, 2024

Conversation

LasseStaus
Copy link
Contributor

@LasseStaus LasseStaus commented Jun 3, 2024

  • Ensure that burgermenu is not hidden when desktop is hidden.
  • Ensure sidebar menu items do not overflow container.

Link to issue

Jira : DDFFORM-812

cms pr: danskernesdigitalebibliotek/dpl-cms#1246

Description

This PR aims to ensure that the header-sidebar-nav(Menu toggled by the burgermenu) is shown, when the current menu being displayed on the site is the burgermenu.

Whenever the burgermenu is displayed and toggled/clicked, it should now shown the menu.

Also added a change to menu items cant overflow the sidebar container.

If chromatic is failing it should be unrelated to the issue.

@LasseStaus LasseStaus marked this pull request as ready for review June 3, 2024 12:45
Copy link
Contributor

@rasben rasben left a comment

Choose a reason for hiding this comment

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

Code looks fine to me, but, it's hard to be sure when chromatic is failing.
Can look into why it's failing? Perhaps you need to rebase with develop?

@rasben rasben assigned LasseStaus and unassigned kasperg, rasben and kasperbirch1 Jun 6, 2024
Whether or not the burgermenu should be shown/hidden is determined through the .has-burger-menu class on the html.

When the desktop menu is hidden due to too many/too long menu items, the sidebar(mobile menu) should be visible, but this was not implemented originally.

This  should correct it so that when the burgermenu is shown, the sidebar should be visible.

DDFFORM-812
Long menu item names were overflowing the sidebar menu container. This should prevent that from happening.

DDFFORM-812
@LasseStaus LasseStaus force-pushed the DDFFORM-812-burger-menu branch 2 times, most recently from 830b9d7 to b3a640b Compare June 11, 2024 09:40
non chromium browsers did not indicate that the the mobile menu button was in focus, unlike the other menu buttons. This was because the other buttons are either link or button elements. This should align that approach which the other buttons and ensure the mobile-menu button is visually indicatin that it is in focus.

DDFFORM-812
@kasperbirch1
Copy link
Contributor

LGTM 👍

@kasperbirch1 kasperbirch1 removed their assignment Jun 11, 2024
@LasseStaus LasseStaus merged commit f99c4db into develop Jun 11, 2024
8 checks passed
@LasseStaus LasseStaus deleted the DDFFORM-812-burger-menu branch June 11, 2024 11:13
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.

4 participants