- 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 |
| |||||||||||||||||
| on mobile: Burger Menu was moved to the second line with the search field, or it would have overlapped with the logo |
| ||||||||||||||||||||
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 |
| ||||||||||||||||
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) |
|
Other Changes
- there was no design for a third layer, which had to be designed by DNB (see below)
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4582 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4583
- design:
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5107
- no MyDDB:
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-6427
...