graphhopper / graphhopper/graphhopper-maps
Profile icons do not have labels on mobile
- Dominant language
- TypeScript
- Stars
- 168
- Forks
- 63
- Avg merge
- 1d 1h
- Merged PRs (30d)
- 2
Description
Hello,
I just came across GraphHopper and I was perplexed by the different bikes profiles. I had a hard time understanding what differed between them and this is not helped by the fact that there is no visible label.
After opening it on my desktop, I realized that the icons make use of the `title` attribute, which is shown when hovering. Unfortunately, you cannot show `title`'s content on mobile, maybe it should be shown when selected (since horizontal space is at a premium)? I made a quick mockup:
Contributor guide
No contributing guide indexed for this repository
Research direction
No source file or test is named in the issue. Start by locating the profile icon UI and checking how its title attributes behave on mobile; done means the selected profile visibly shows its label without relying on hover, matching the provided mockup.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend, mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 65/100