code-for-chapel-hill / NC-COVID-Support

Community support site, supporting COVID-19 business opening hours, Food Banks, School Meals, Farms and Social Services.
https://nccovidsupport.org
GNU General Public License v3.0
16 stars 39 forks source link

Show contact details on map view for selected business #259

Open readingdancer opened 4 years ago

readingdancer commented 4 years ago

Description of the new functionality With our page re-design the business details on mobile are shown as coming up from the bottom of the screen.

Currently when you click on a map icon it shows the whole business details and covers the map.

What we would like is that only the business name and three round buttons with icons inside are shown at the bottom of the screen overlaying the map, so that you can still see the map and click on different business icons.

A user should be able to pull the business details up to show the full business details and cover the map, once open it should be possible to pull it back to the bottom.

The user should also be able to completely close the business details by dragging down to the bottom of the screen.

The three buttons should be to:

When the "Directions" button is clicked, it should expand the current directions DIV and expand the height of the details so that it becomes visible ( it should toggle to close if you click it for a second time )

The call button should call the number.

The Website button should open the website in the CURRENT window, do not open a new tab as this is a bad accessibility UX.

jklafka commented 4 years ago

I can work on this!