kimmobrunfeldt / kimmobrunfeldt/progressbar.js
How to disable auto-setting text color
- Dominant language
- JavaScript
- Stars
- 7.9k
- Forks
- 1.4k
- PR merge metrics
- No merged PRs in 30d
Description
How can I set the `style.color` value to be 'inherit' - it seems that `style.color: 'inherit'` is ignored...
I need to style the text from the parent element, but because an empty `style.color` takes the colour of the path and because the colour is set as inline styling, the CSS specificity is too high to override from the parent container.
My specific use case is that the colour of my progress circle changes and I need to always have a matching text colour.
Contributor guide
Research direction
Start by tracing where the progress circle assigns the inline style.color value and how text color is derived from it. Confirm that the text can inherit its parent’s color while the progress circle color continues to change, then verify the progress-circle use case in the relevant example or test if one exists.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100