Content
View differences
Updated by Henriette Darge 11 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
* The breadcrumb on the Angular pages should look and feel like on the rails pages. The only exception is the WP full view, which will keep the breadcrumb it currently has to display the WP hierarchy
* _~~\[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 the same, but the sidebar opens in a full width mode.
* Top bar:
* The logo moves to the left
* move the grid icon to the very left together with the logo, so that the left side consists of the grid icon, the logo and the create button
**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">
workPackageValue:Mockups
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
* The breadcrumb on the Angular pages should look and feel like on the rails pages. The only exception is the WP full view, which will keep the breadcrumb it currently has to display the WP hierarchy
* _~~\[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 the same, but the sidebar opens in a full width mode.
* Top bar:
* The logo moves to the left
* move the grid icon to the very left together with the logo, so that the left side consists of the grid icon, the logo and the create button
**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">
workPackageValue:Mockups