Icons change color on hover with delay

UX
1

Idk if this had been like that and I only noticed now, or if this is a regression. Icons on buttons with icon and text change their color slightly later then the text. It’s pretty visible when you have a strong hover contrast:

But it seems to happen all the time, e.g. here on meta:

3 Likes
2

Hi nolo!

I also noticed this. Buttons’ background and text color don’t have a transition attribute, whereas icons have (which targets color, to add extra details), hence the delay.

4 Likes
3

Yes, with

.btn-primary .d-icon,
.btn .d-icon {
  transition: unset;
}

it’s snappy. So is there a reason for the transition?

3 Likes
4

I shall ask our design Wizards! :paintbrush: :mage:

4 Likes
6

Thanks for reporting it! Will be fixed here:

We already have transitions on most buttons, so this gets us back to consistency. We’ve always had transitions on buttons so removing them would be a bigger change.

5 Likes