Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile nav enhancement #114

Closed
taramk opened this issue Apr 26, 2023 · 4 comments
Closed

Mobile nav enhancement #114

taramk opened this issue Apr 26, 2023 · 4 comments
Assignees
Milestone

Comments

@taramk
Copy link
Contributor

taramk commented Apr 26, 2023

  • top nav should be moved to a fixed bottom bar

SIDEBAR

  • sidebar should open on top of main panel, not push the main panel to the side
  • tapping the "sidebar" icon toggles the sidebar drawer open and closed
  • tapping a nav item in the sidebar will close the sidebar and redirect the user to the specified node
  • sidebar drawer will scroll if necessary

SEARCH

  • search opens up in a modal with a translucent overlay
  • search interactions should work similar to sidebar interactions - tap a search result item to navigate to it or tap the search icon in the bottom bar to close search.

style updates (tara can do these later)

  • sidebar drawer has an increased font size and padding for bigger tap targets
  • search bar will also need a larger font size and tap targets

prototype:
https://www.figma.com/file/bGzEZo0NYHhWGJO95kwF3p/Treehouse-App?node-id=207%3A2585&t=WN6qaMSfuAkDsCyJ-1

@taramk taramk changed the title Mobile nav/menu enhancements Mobile nav enhancement Apr 26, 2023
@taramk taramk added this to the 0.3.0 milestone Apr 26, 2023
@taramk taramk self-assigned this Apr 27, 2023
@taramk
Copy link
Contributor Author

taramk commented Apr 27, 2023

assigning to myself so i can add mockups

@taramk taramk removed their assignment Apr 28, 2023
@taramk taramk modified the milestones: 0.3.0, 0.4.0 May 9, 2023
@taramk
Copy link
Contributor Author

taramk commented May 19, 2023

@progrium will break down the implementation details, maybe split up into separate tickets

@progrium
Copy link
Contributor

progrium commented May 22, 2023

[deleted]

@progrium
Copy link
Contributor

progrium commented Jun 1, 2023

Pushed preliminary implementation. Most minor things can be fixed with css (sizing), but noticing more thought needs to be put into multiple panels, etc.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants