게시물 작업의 "답글" 버튼에 배경 전환 효과가 있는 이유는?

안녕하세요!

chrome_xk0yYgh0xq

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

1개의 좋아요

어떤 테마를 사용 중이신가요? Meta 브랜딩 테마와 Horizon에서 모든 버튼에 효과가 적용되고 있습니다.

@Canapin 이 테마가 뭔가요? Meta Branded나 Foundation에서는 같은 효과를 볼 수가 없네요.

(@HAWK 그 글을 두 번이나 읽었는데 왜 놓쳤는지는 저도 모르겠어요. 아직 덜 깬 상태였던 것 같네요…)

1개의 좋아요

이것은 당신의 테마입니다. Discourse 인스턴스의 사이드 메뉴 옵션도 동일한 동작을 보입니다.

참고로, 유니사이클 커뮤니티가 번창하는 모습을 보니 좋습니다.

브라이언 (EndeavourOS)

1개의 좋아요

안녕하세요, 죄송하지만 제 설명이 명확하지 않았던 것 같습니다. 다른 버튼에서는 볼 수 없는 애니메이션 배경 전환에 대해 말씀드리는 중입니다.

저는 Foundation을 사용 중입니다. Meta Branded에서도 같은 문제가 발생하지만, Horizon에서는 발생하지 않습니다.

chrome_iROpBHVzVg

아, 아마도 너무 미묘해서 내가 놓쳤나 봐. 내 눈이 너무 나쁘네. 다른 것들은 평평한 상태에서 이게 서서히 나타나는 거야?

1개의 좋아요

이 전환은 호버하지 않을 때 해당 액션 항목을 약간 투명하게 설정한 데 기인합니다. 이는 콘텐츠 자체에 초점을 빼앗기지 않기 위한 것입니다.

이 방식을 제거하고 투명도 설정 대신 더 밝은 색상을 사용하는 것이 적절할 수 있습니다.

아, 그렇군요. 사실 여기서는 background transition 속성이 필요하지 않네요… 이건 reply 버튼에 기본적으로 배경색이 적용되던 시절의 오래된 잔재였던 것 같습니다.

opacity는 게시물에 마우스를 올렸을 때 reply 버튼이 더 어두워지는 효과를 위해 남겨두면 됩니다. 여기서는 방해가 되지 않으니까요.

2개의 좋아요

정확히 이해하고 있는지 확신이 없는데, 혹시 제 질문을 "왜 답글 버튼만 호버 시에 애니메이션이 되는 거죠?"라고 바꿔서 물어봐도 될까요? 다른 버튼들은 그런 애니메이션이 없는 것 같은데 말이에요. 게다가 호버 시에는 배경만 애니메이션이 적용되고 텍스트는 그대로라 좀 이상해 보입니다.

기본 전환 효과(기본값은 none으로 설정되어 있음)를 오버라이드하는 .fade-out 클래스에서 비롯된 것입니다.


수정: 제가 작성하는 동안 kris님이 이미 답변을 해주셨네요. 감사합니다! :laughing:

1개의 좋아요

수정 사항을 읽어 보았는데, 텍스트에 페이드 애니메이션이 적용되지 않던 문제를 해결하는 것 같지만, 여전히 정확히 이해가 되지 않습니다.
제가 놓치고 있는 것이 아니라면, 제 주요 질문에는 답이 없습니다: 왜 다른 버튼들은 그렇지 않은데 이 버튼만 transition 속성으로 애니메이션 처리가 되어 있나요?

만약 이 답글 버튼이 의도적으로 호버 시 애니메이션 처리된 것이라면, 괜찮습니다! :smile: 호버 시 애니메이션이 적용되는 버튼이 이 버튼뿐인 것 같아서 약간 어색하게 느껴집니다. 원래 제거되어야 할 것인데 놓친 줄 알았거든요 :slight_smile:

“fade-out” 클래스는 레이블이 있는 답글 버튼에만 추가됩니다. 제가 아는 한, Canapin은 다른 버튼들과 비교했을 때 이 불일치가 의도적인 것인지 묻고 있는 것 같습니다.

1개의 좋아요

이것입니다. 제가 제기한 요점을 좁혀주셔서 감사합니다!

마우스를 올린 게시물의 답변 버튼에 더 많은 관심을 유도하기 위한 것입니다. 이는 1.0 시절부터 존재해 온 매우 오래된 동작으로, 당시에는 훨씬 더 드라마틱했으며 모든 컨트롤에 적용되었던 것으로 기억합니다.

더 이상 이 기능이 필요한지에 대해서는 의견이 나뉠 수 있지만, 저는 이러한 미묘한 차이를 좋아합니다.

2개의 좋아요