HSLdevcom / HSLdevcom/digitransit-ui
Styling of DTAutosuggest input icons?
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 267
- Forks
- 145
- Avg merge
- 1d 15h
- Merged PRs (30d)
- 75
Description
For one of our instances, I'd like to use different from/to marker icons/colors.
Currently, the mapMarker icon is hardcoded in digitransit-component-autosuggest-panel (e.g. here).
The colors are coded in digitransit-component-autosuggest's scss:
What would be the best way to allow customizing from/to marker icons/colors for single instances?
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at digitransit-component/packages/digitransit-component-autosuggest-panel/src/index.js around line 467, where the mapMarker icon is hardcoded, and inspect the related styles in digitransit-component-autosuggest's SCSS. Trace how the autosuggest components receive instance-specific configuration and define a customization approach that supports both from/to marker icons and colors.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, scss
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100