Content
View differences
Updated by Henriette Darge about 1 year ago
For the integration with openDesk we change our main navigation to fit to the new harmonised navigational concept.
This AC is copied from [https://project.opendesk.family/work\_packages/201](https://project.opendesk.family/work_packages/201)
**Acceptance criteria**
* Move the action to collapse the sidebar from the hamburger icon to the sidebar.
* Once the sidebar is collapsed, the action to open it again is moved to the beginning of the breadcrumb.
* _\[Open\]: What about the Angular pages?_
* _\[Open\]: Technically, how do we achieve that?_
* Use an IconButton to do the action with the icons:
* To close the sidebar: `sidebar-expand`
* To open the sidebar: `sidebar-collapse`
* Move the project selection from the main navigation to the sidebar.
* When the user is in a global level, the text on the project selector should be _All projects_.
* On mobile, the logic to open and collapse the sidebar is kept the same, but the sidebar opens in a full width mode.
* _\[open\] How would the application look like if we don't move the elements in the top bar together with these changes? Do we want to move already some elements without changing their functionality or behaviour (e.g. move the grid to the left together with the logo)?_
* _\[open\] What do we do on pages where there is no sidebar?_
**Out of scope**
* Touching the top bar:
* Building the "new" main navigation based on the new design concept provided by ZenDiS.
* Rebuilding the new openDesk main menu on the very left (waffle).
**Figma mockups**
<img class="image_resized op-uc-image op-uc-image_inline" style="width:244px;" src="/api/v3/attachments/534395/content">
https://www.figma.com/design/2HIbFWcAtuhmSKgBCXg9vD/openDesk-Navigation?node-id=563-4296&t=FV8M5Tyb4eeRD7Gp-4
This AC is copied from [https://project.opendesk.family/work\_packages/201](https://project.opendesk.family/work_packages/201)
**Acceptance criteria**
* Move the action to collapse the sidebar from the hamburger icon to the sidebar.
* Once the sidebar is collapsed, the action to open it again is moved to the beginning of the breadcrumb.
* _\[Open\]: Technically, how do we achieve that?_
* Use an IconButton to do the action with the icons:
* To close the sidebar: `sidebar-expand`
* To open the sidebar: `sidebar-collapse`
* Move the project selection from the main navigation to the sidebar.
* When the user is in a global level, the text on the project selector should be _All projects_.
* On mobile, the logic to open and collapse the sidebar is kept the same, but the sidebar opens in a full width mode.
* _\[open\] How would the application look like if we don't move the elements in the top bar together with these changes? Do we want to move already some elements without changing their functionality or behaviour (e.g. move the grid to the left together with the logo)?_
* _\[open\] What do we do on pages where there is no sidebar?_
**Out of scope**
* Touching the top bar:
* Building the "new" main navigation based on the new design concept provided by ZenDiS.
<img class="image_resized op-uc-image op-uc-image_inline" style="width:244px;" src="/api/v3/attachments/534395/content">
https://www.figma.com/design/2HIbFWcAtuhmSKgBCXg9vD/openDesk-Navigation?node-id=563-4296&t=FV8M5Tyb4eeRD7Gp-4