graphhopper / graphhopper/graphhopper-maps

Profile icons do not have labels on mobile

Open
#455 3 comments 0 reactions 0 assignees View on GitHub
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:

Image

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.