아이콘이 호버 시 지연되며 색상이 변경됩니다

기여 UX
1

이 문제가 원래부터 있었는지, 아니면 회귀(regression)인지 모르겠고 이제서야 알아차린 건지 궁금합니다. 아이콘과 텍스트가 함께 있는 버튼의 아이콘 색상이 텍스트보다 약간 늦게 변합니다. 호버 대비가 강한 경우 꽤 눈에 띕니다:

하지만 항상 발생하는 것 같아서, 예를 들어 메타(meta)에서도 다음과 같이 나타납니다:

3개의 좋아요
2

nolo님, 안녕하세요!

저도 이 부분을 눈치챈 것 같습니다. 버튼의 배경색과 텍스트 색에는 transition 속성이 없지만, 아이콘에는 있습니다(추가적으로 color를 대상으로 합니다). 그래서 지연이 발생하는 것입니다.

4개의 좋아요
3

네,

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

을 적용하면 반응이 빠집니다. 그러면 트랜지션을 넣는 이유가 있을까요?

3개의 좋아요
4

저희 디자인 마법사분들에게 물어볼게요! :paintbrush: :mage:

4개의 좋아요
6

보고해 주셔서 감사합니다! 다음 링크에서 수정될 예정입니다:

대부분의 버튼에는 이미 전환 효과가 적용되어 있어, 이를 통해 일관성을 되찾을 수 있습니다. 버튼에는 항상 전환 효과가 있어 이를 제거하는 것은 더 큰 변경이 됩니다.

5개의 좋아요