Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Current »

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-).

LF-3910 - Getting issue details... STATUS

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

LF-3911 - Getting issue details... STATUS

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)

LF-3912 - Getting issue details... STATUS

4

dropdown (desktop)

(mobile)

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

LF-3913 - Getting issue details... STATUS

  • No labels