안녕하세요!

이 디자인 선택을 공유하는 다른 명확한 버튼을 찾지 못했습니다. 또한 텍스트 색상에 트랜지션이 없어서 보기 좋지 않습니다.
안녕하세요!

이 디자인 선택을 공유하는 다른 명확한 버튼을 찾지 못했습니다. 또한 텍스트 색상에 트랜지션이 없어서 보기 좋지 않습니다.
어떤 테마를 사용 중이신가요? Meta 브랜딩 테마와 Horizon에서 모든 버튼에 효과가 적용되고 있습니다.
@Canapin 이 테마가 뭔가요? Meta Branded나 Foundation에서는 같은 효과를 볼 수가 없네요.
(@HAWK 그 글을 두 번이나 읽었는데 왜 놓쳤는지는 저도 모르겠어요. 아직 덜 깬 상태였던 것 같네요…)
이것은 당신의 테마입니다. Discourse 인스턴스의 사이드 메뉴 옵션도 동일한 동작을 보입니다.
참고로, 유니사이클 커뮤니티가 번창하는 모습을 보니 좋습니다.
브라이언 (EndeavourOS)
안녕하세요, 죄송하지만 제 설명이 명확하지 않았던 것 같습니다. 다른 버튼에서는 볼 수 없는 애니메이션 배경 전환에 대해 말씀드리는 중입니다.
저는 Foundation을 사용 중입니다. Meta Branded에서도 같은 문제가 발생하지만, Horizon에서는 발생하지 않습니다.

아, 아마도 너무 미묘해서 내가 놓쳤나 봐. 내 눈이 너무 나쁘네. 다른 것들은 평평한 상태에서 이게 서서히 나타나는 거야?
이 전환은 호버하지 않을 때 해당 액션 항목을 약간 투명하게 설정한 데 기인합니다. 이는 콘텐츠 자체에 초점을 빼앗기지 않기 위한 것입니다.
이 방식을 제거하고 투명도 설정 대신 더 밝은 색상을 사용하는 것이 적절할 수 있습니다.
아, 그렇군요. 사실 여기서는 background transition 속성이 필요하지 않네요… 이건 reply 버튼에 기본적으로 배경색이 적용되던 시절의 오래된 잔재였던 것 같습니다.
opacity는 게시물에 마우스를 올렸을 때 reply 버튼이 더 어두워지는 효과를 위해 남겨두면 됩니다. 여기서는 방해가 되지 않으니까요.
정확히 이해하고 있는지 확신이 없는데, 혹시 제 질문을 "왜 답글 버튼만 호버 시에 애니메이션이 되는 거죠?"라고 바꿔서 물어봐도 될까요? 다른 버튼들은 그런 애니메이션이 없는 것 같은데 말이에요. 게다가 호버 시에는 배경만 애니메이션이 적용되고 텍스트는 그대로라 좀 이상해 보입니다.
기본 전환 효과(기본값은 none으로 설정되어 있음)를 오버라이드하는 .fade-out 클래스에서 비롯된 것입니다.
수정: 제가 작성하는 동안 kris님이 이미 답변을 해주셨네요. 감사합니다! ![]()
수정 사항을 읽어 보았는데, 텍스트에 페이드 애니메이션이 적용되지 않던 문제를 해결하는 것 같지만, 여전히 정확히 이해가 되지 않습니다.
제가 놓치고 있는 것이 아니라면, 제 주요 질문에는 답이 없습니다: 왜 다른 버튼들은 그렇지 않은데 이 버튼만 transition 속성으로 애니메이션 처리가 되어 있나요?
만약 이 답글 버튼이 의도적으로 호버 시 애니메이션 처리된 것이라면, 괜찮습니다!
호버 시 애니메이션이 적용되는 버튼이 이 버튼뿐인 것 같아서 약간 어색하게 느껴집니다. 원래 제거되어야 할 것인데 놓친 줄 알았거든요 ![]()
“fade-out” 클래스는 레이블이 있는 답글 버튼에만 추가됩니다. 제가 아는 한, Canapin은 다른 버튼들과 비교했을 때 이 불일치가 의도적인 것인지 묻고 있는 것 같습니다.
이것입니다. 제가 제기한 요점을 좁혀주셔서 감사합니다!
마우스를 올린 게시물의 답변 버튼에 더 많은 관심을 유도하기 위한 것입니다. 이는 1.0 시절부터 존재해 온 매우 오래된 동작으로, 당시에는 훨씬 더 드라마틱했으며 모든 컨트롤에 적용되었던 것으로 기억합니다.
더 이상 이 기능이 필요한지에 대해서는 의견이 나뉠 수 있지만, 저는 이러한 미묘한 차이를 좋아합니다.