ConsenSysMesh / rimble-ui

React components that implement Rimble's Design System.
https://rimble.consensys.design/
MIT License
462 stars 67 forks source link

ArrowDownward Icon bug #455

Open billwang115 opened 3 years ago

billwang115 commented 3 years ago

Describe the bug The ArrowDownward Material icon has a bug where the color cannot be changed using inline-css.

To Reproduce Steps to reproduce the behavior:

Just declaring the icon "" produces an icon with a black color instead of red.

Expected behavior The icon should change colors when the color prop is passed.

Screenshots If applicable, add screenshots to help explain your problem.

Rimble UI Version

Desktop (please complete the following information):

Additional context It seems the bug is caused by the nested path element in the svg element for the icon. In the path element in the html, it seems there is an attribute "fill="#010101" that is doesn't appear in other path elements. Removing this attribute from the generated html removes this problem.