Skip to content

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

Description

@tmlmt

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

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions