- 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 | DDBDRUPAL-34 - Getting issue details... STATUS DDBNEXT-4205 - Getting issue details... STATUS |
2 | burger menu | always | opens main menu | DDBNEXT-4204 - Getting issue details... STATUS | |
| on mobile: Burger Menu was moved to the second line with the search field, or it would have overlapped with the logo | DDBNEXT-4592 - Getting issue details... STATUS | ||||
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
- design:
- DDBNEXT-5107 - Getting issue details... STATUS
- no MyDDB:
- DDBNEXT-6427 - Getting issue details... STATUS