The main menu opens by clicking on the hamburger icon. The pages in the main menu that have a "+" have subpages which can be accessed by clicking on the "+". Clicking on a menu item directs the user to the page.
The menu items can have three states: "passive", "hover" (underlined) and "selected" (red color). A "selected" page remains selected even if the menu is closed.
There are also three navigation menu points that are permanently visible. They can have three states: "passive", "hover" (underlined) and "selected" (red color).
Elements
ID | Title | Show? | Action | Changes | Tickets |
1 | three navigation menu points | always | direct user to respective page | separate list in drupal so they can be changed independently of the side menu no hover effect was implemented | |
2 | burger menu | always | opens main menu | ||
3 | navigation layer with close icon | always | closes layer | discussions about the display of the side menu on wide-screen viewports. the menu's close button should align with the burger menu icon, and the navigation layer should align accordingly | DDBNEXT-4204 - Getting issue details... STATUS DDBNEXT-4350 - Getting issue details... STATUS |
4 | hierarchy of navigation menu items, plus icon opens them, minus icon closes tem | always | opens navigation layers direct user to respective page | ||
5 | higher navigation layer | always | opens navigation layers direct user to respective page | ||
6 | selected menu item on second layer | always | selected menu item (currently displayed page) | DDBNEXT-5106 - Getting issue details... STATUS |
Changes
- there was no design for a third layer, which had to be designed by DNB (see below)
- DDBNEXT-4582 - Getting issue details... STATUS
- DDBNEXT-4583 - Getting issue details... STATUS