theCrag / website

theCrag.com: Add your voice and help guide the development of the world's largest collaborative rock climbing & bouldering platform
https://www.thecrag.com/
110 stars 8 forks source link

Topo legend icons always displayed on mobile #3766

Open killakalle opened 3 years ago

killakalle commented 3 years ago

What happened? Topo legend icons are always displayed on topo images when browsing via mobile devices. There can be situations where the icons are hiding topo information.

On desktop browsers, this is solved by only showing the legend icons on mouseover. topo_icons2

For mobile, this could probably be solved by showing the icons on click on the topo image, and hiding them again with another click.

For me, the issue occurred on Android, Chrome browser

Example url(s) to reproduce the problem: https://www.thecrag.com/en/climbing/spain/chulilla/area/3070322934

Ideally also provide screenshots:

image

What you expected:

georg-d commented 3 years ago

+1 as many topos have "higher density" of routes & hooks at the top because many photos are taken from the rock's bottom; example from https://www.thecrag.com/en/climbing/germany/schwarzwald/area/251617752#n1805574927 thecrag legend

Allowing to hide or move them would help.

georg-d commented 2 years ago

Adding some search terms as I had difficulties to find this issue: button, buttons, text, texts, label, labels, hide, edit, legend, on top of photo topo, hinding, covering, making invisible