Sprint 76 Technical document (New app navigation)

1

make the side menu responsive

Open

Fix side menu on the left for desktop and tablet views (415px-).

https://lite-farm.atlassian.net/browse/LF-3910

No need to make any visual changes to the menu or the nav bar.

2, 4

2

side menu (desktop)

Open

(mobile)

Create side menu for desktop view and mobile view

https://lite-farm.atlassian.net/browse/LF-3911

Ideally one component is used for the both views.

• reference: MUI’s list components

• There’s a sample code for nested list in MUI’s documentation. Another option for the collapsed menu is to use ExpandableItem and useExpandable hook (the file name is useExpandableItem for some reason, sorry…)

3

3

side menu (tablet)

Create side menu for tablet view (415 - 1024px)

https://lite-farm.atlassian.net/browse/LF-3912

4

dropdown (desktop)

(mobile)

Update navigation bar and dropdown menu (drawer for the mobile view)

https://lite-farm.atlassian.net/browse/LF-3913