DUPLICATE: Icon list hover with svg icon

Bricks Version: 1.5.7
Browser: Chrome 90
OS: Windows

  1. Create icon list with svg icon
  2. Add color hover effect on list
  3. Only text color change, icon stay default

If i change color on icon in hover state, color will change in normal too.

My css fix if somone will need it:

root li:hover  {
 color: var(--bricks-color-yewtpn);
 fill: var(--bricks-color-yewtpn);
}
1 Like

yes thats the way how it works in bricks :confused:

Hi Tomasz,
Thanks so much for your report!

We are aware of this limitation. The icon control (and some others) is not a CSS control. Since we have to rewrite the whole control, we can’t implement a “simple fix” but will change that in the future.

But hey, the custom CSS fix is a one-liner ^^

Best regards,
timmse