List item's active state doesn't affect ListItemSection's color when side is set

[allenpan]

Check out https://codepen.io/panzailiang/pen/LwjOJp
The icon’s color is not in active color.
Is this a bug or by design?

[s.molinari]

Try it with avatar instead of side.

Scott

[allenpan]

I know avatar is ok. but sometimes I need to use the side layout.

[s.molinari]

What do you mean by “side layout”?

Scott

[allenpan]

what I mean is that the padding with avatar is too large. In my page, I use “side” instead of “avatar”, side’s padding is smaller. But I still like the q-icon inside “side” have active color.

[s.molinari]

The padding with avatar is the same as with side. 16px from the section to the right of left of it. You should use avatar, if you want the icon or even text in the left or right sections to be the same active color.

https://codepen.io/smolinari/pen/wVyNZR

Scott

[allenpan]

you are right. the padding is the same. But the avatar have min-width=56px, so the visual effect is avatar having a larger padding.

[s.molinari]

Which you can also change yourself.

Scott