osmlab / osm-community-index

:speech_balloon: An index of community resources for OpenStreetMap
https://openstreetmap.community
ISC License
156 stars 160 forks source link

Improve UI on mobile #359

Open RobJN opened 4 years ago

RobJN commented 4 years ago

Regarding the site OpenStreetMap.community:

The UI is too cramped on mobile. Once you click to bring up the list, there is no screen space left to pan/zoom the map toa new location. Screenshot_20200809-104116

kmpoppe commented 3 years ago

@RobJN @quincylvania @bhousel What do y'all think about this solution: https://oci.webmapping.cyou/docs-local/ (view it on mobile to see the difference of course g)

bhousel commented 3 years ago

I can’t tell what is different about it. Looks like this for me: C2D95F19-AE7D-4D6D-9BB1-882170B2D9D8

kmpoppe commented 3 years ago

Have you spotted the little eraser symbol next to the heading? :-)

RobJN commented 3 years ago

Thanks for making it a little easier to use. I think that a small X in the top right corner would be more logical than an eraser symbol.

dreua commented 6 months ago

It is pretty much unusable in mobile view if you open a direct link like this: https://openstreetmap.community/?map=49.79900,8.31769&zoom=8.87

What is the status or plan here? Would you merge a PR adding a simple X to close the popup? I'm not a webdeveloper but might be able to pull this off anyway. I'd be even happier if someone else with more experience in this field took care of it though.