ConsenSysMesh / ConsenSysMesh/rimble-ui

ArrowDownward Icon bug

Open
#455 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
455
Forks
60
PR merge metrics
No merged PRs in 30d

Description

**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**

- 0.10.1 (latest)

**Desktop (please complete the following information):**

- OS: Windows
- Browser : Chrome
- Version : 89

**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.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.