New App navigation
https://www.figma.com/file/eMffC0h3JPlWtzNttxJpil/Litefarm-Updated?type=design&node-id=970-22925&mode=design&t=yjXmcSxNI1AEmYBV-0
| Context | Task | Notes | Blocks |
---|
1 | make the side menu responsive | Fix side menu on the left for desktop and tablet views (415px-). Jira Legacy |
---|
server | System JIRA |
---|
serverId | 815f41e5-e5fb-3402-8587-82eccc3ffab0 |
---|
key | LF-3910 |
---|
|
| No need to make any visual changes to the menu or the nav bar. | 2, 4 |
2 | side menu (desktop) (mobile) | Create side menu for desktop view and mobile view Jira Legacy |
---|
server | System JIRA |
---|
serverId | 815f41e5-e5fb-3402-8587-82eccc3ffab0 |
---|
key | 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) Jira Legacy |
---|
server | System JIRA |
---|
serverId | 815f41e5-e5fb-3402-8587-82eccc3ffab0 |
---|
key | LF-3912 |
---|
|
| | |
4 | dropdown (desktop) (mobile) | Update navigation bar and dropdown menu (drawer for the mobile view) Jira Legacy |
---|
server | System JIRA |
---|
serverId | 815f41e5-e5fb-3402-8587-82eccc3ffab0 |
---|
key | LF-3913 |
---|
|
| | |