Content
View differences
Updated by Henriette Darge 12 months 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.
* Therefore, the angular pages need to get a breadcrumb as well
* _~~\[Open\]: _\[Open\]: What about the Angular pages?~~_ pages?_
* _~~\[Open\]: _\[Open\]: Technically, how do we achieve that?~~_ 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.
* Top bar: The logo moves to the very left, so that the left side consists of the logo and the create button
* _\[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)?_
**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.
* Therefore, the angular pages need to get a breadcrumb as well
* _~~\[Open\]:
* _~~\[Open\]:
* 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
* Top bar: The logo moves to the very left, so that the left side consists of the logo and the create button
* _\[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)?_
**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