Olá!

Não vejo nenhum outro botão óbvio que compartilhe essa escolha de design. Além disso, a cor do texto não tem transição, então não fica muito bom.
Olá!

Não vejo nenhum outro botão óbvio que compartilhe essa escolha de design. Além disso, a cor do texto não tem transição, então não fica muito bom.
Qual tema você está usando? Tenho efeitos em todos os botões no Meta Branded e no Horizon.
@Canapin Qual é o tema? Não consigo ver o mesmo efeito no Meta Branded ou no Foundation.
(@HAWK não faço ideia de como perdi isso, mesmo tendo lido seu post duas vezes. Acho que não tinha acordado completamente…)
É o seu tema; as opções do menu lateral na sua instância do Discourse exibem o mesmo comportamento.
Aliás, é ótimo ver que sua comunidade de monociclistas está florescendo.
Bryan (EndeavourOS)
Oi, desculpe, provavelmente não fui claro. Estou falando da transição de fundo animada, que não vejo em nenhum outro botão.
Estou usando o Foundation. Isso também acontece no Meta Branded, mas não no Horizon.

Ah, talvez seja tão sutil que eu não percebi. Tenho uma visão ruim. Será que ele aparece suavemente enquanto os outros permanecem planos?
A transição ocorre porque estamos tornando esses itens de ação ligeiramente transparentes quando não estão em foco. Isso é para não desviar a atenção do próprio conteúdo.
Talvez seja hora de eliminar isso e usar apenas cores mais claras aqui, em vez de configurações de opacidade.
Ah, entendi. Na verdade, não precisamos da propriedade de transição de fundo aqui de qualquer maneira… Acho que isso era um resquício antigo de quando o botão de resposta tinha uma cor de fundo por padrão?
A opacidade pode permanecer para escurecer o botão de resposta ao passar o mouse sobre a postagem, sem atrapalhar aqui.
Não tenho certeza se entendi, mas, só para o caso, minha pergunta pode ser formulada como: “por que o botão de resposta tem uma animação ao passar o mouse, quando nenhum outro botão aparenta ter isso?” Além disso, apenas o fundo é animado ao passar o mouse, e não o texto, o que parece estranho.
Isso vem da classe .fade-out, que substitui a transição padrão (que está definida como nenhuma).
edit: bem, o Kris respondeu enquanto eu digitava. Obrigado! ![]()
Li a correção e ela resolve o problema de o texto não ter a animação de fade, mas ainda não tenho certeza de que entendi.
Minha pergunta principal não foi respondida, a menos que eu esteja perdendo algo: por que esse botão é animado com a propriedade transition enquanto os outros botões não?
Se este botão de resposta for animado no hover propositalmente, tudo bem!
Parece um pouco estranho para mim porque parece ser o único botão animado no hover. Eu só pensei que era algo que deveria ser removido, mas passou despercebido ![]()
A classe “fade-out” é adicionada ao botão de resposta com um rótulo. Se não me engano, acredito que Canapin pergunta se essa inconsistência, em comparação com outros botões, é intencional.
É isso aí. Obrigado por focar no ponto que estou levantando!
O objetivo é chamar mais atenção para o botão de resposta no post que você está passando o mouse. É um comportamento bem antigo que, na minha opinião, costumava ser mais marcante e se aplicava a todos os controles nos tempos da versão 1.0.
Ainda está em debate se precisamos disso hoje em dia, mas gosto dessa pequena diferenciação sutil.