Twin-Cities-Mutual-Aid / twin-cities-aid-distribution-locations

A webapp to coordinate aid and care in the Twin Cities.
43 stars 32 forks source link

Add pull to refresh #251

Closed amaxama closed 3 years ago

amaxama commented 3 years ago

What

Add pull to refresh functionality for mobile and remove the refresh button. Since all web browsers have a visible refresh button built in, it's not required to include is as an explicit button on the page. Also, pull-to-refresh is a fairly intuitive action on mobile devices so should be pretty natural fo most users.

Why

Opens up screen real estate

Ensure the following interactions work as expected. Please test using a mobile form factor.

Check the app in the following web browsers:

amaxama commented 3 years ago

Video is a little laggy but the general idea is there...

pull-to-refresh

amaxama commented 3 years ago

Visual of screen realestate with the refresh button: Screen Shot 2020-10-01 at 12 32 40 AM

WIthout the refresh button: Screen Shot 2020-10-01 at 12 34 29 AM