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

UI improvement when clicking on a bodega on mobile devices #51

Open
tmlmt opened this issue Apr 23, 2023 · 0 comments
Open

UI improvement when clicking on a bodega on mobile devices #51

tmlmt opened this issue Apr 23, 2023 · 0 comments

Comments

@tmlmt
Copy link
Owner

tmlmt commented Apr 23, 2023

Is your feature request related to a problem? Please describe.
Currently when clicking on a bodega, the same sidebar as on desktop is shown: it takes 3/4 of the window and it's hard to see anything else

Describe the solution you'd like
On Mobile it would be better to have

  • the sidebar coming from the bottom
  • half of the screen being left for the map
  • center the map to the bodega
  • show line 1: name, line 2: review, line 3: open or closed, smoking symbol. Then images below
  • hide close button but add a small grey bar at the top
  • listen to swipe with useSwipe on the entire sidebar
    • onSwipe: unless enlarged && swiping down && useScroll is arrived top: resize along, within min and max
    • onSwipeEnd
      • if original place:

        • if down 10%, minimize to title only
        • if up 10%, enlarge to almost all
      • if enlarged && useScroll is arrived top && swiping down

        • if down by more than 40%, minimize
        • if down by more than 10%, resize to half
        • else back to enlarged
      • if minimized:

        • if up more than 10% resize to half
        • if up more than 40% resize to enlarged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant