A_019 Navigation menu refactor | Step 2: Close menu X

Background

This epic is looking into the navigation bar which has been slowly tweeked over time. As one of the initial work packages done as a team, there were no annotations or space indicators when developed. We want to review the nav bar and improve it based on the initial concept. This could mean a 1. refactor or perhaps only 2. some changes in the code. The position and the size of the X of the navigation menu has been changed.

What to do

• The position of the X in the menu should alway be in the same position as the navigation hamburger when the menu is closed. see the for an example
  • i.e. it moves with the hamburger menu button
• The X size should always be the same size as the hamburger menu
  • See the google link for a video example
• Please talk with Katrin if you have any questions
• Please add any required unit tests
• Add any e2e tests or fix those that are broken

figma

Prototype video