O botão Responder no rodapé do tópico pode quebrar a thread

Olá,

Sim, eu sei que esta é uma situação interessante. Escrevo este tópico porque parece que o botão azul Responder é mais popular (especialmente no celular [1]) do que o botão de resposta na postagem. Isso é um problema se a resposta for, na verdade, para a postagem mais recente e não para o OP.

Existem dois problemas com isso:

  1. A pessoa para quem a mensagem foi enviada não será notificada, a menos que tenha sido mencionada ou citada.

  2. Quando isso acontece, a equipe tem um trabalho muito mais difícil, por exemplo, ao mover postagens, porque essas postagens não podem ser selecionadas com (selecionar + respostas) e isso pode quebrar o tópico (conversa) se eles não perceberem.

Estou pensando em como lidar melhor com isso. Talvez renomear simplesmente o botão azul para Responder ao tópico ou indicar de alguma forma que o botão é para responder ao OP… :thinking:

Decidi mudar o botão Responder no rodapé do tópico para Responder ao tópico e adicionar um título de seção Controles do Tópico no desktop. No celular, os Controles do Tópico já estão no menu suspenso.

Espero que, desta forma, os usuários também vejam melhor que estão respondendo ao tópico (OP) com esse botão. :slightly_smiling_face:


  1. porque há apenas um ícone em responder à postagem ↩︎

3 curtidas

concordo, às vezes eu mesmo uso o botão errado. Posso roubar sua ideia e renomear um deles. Em nosso fórum, usamos o componente de citação rápida e ele funciona muito bem porque você sabe que está respondendo a uma postagem.

3 curtidas

Sim, mas renomear o rodapé do tópico (azul) Responder agora é possível com um componente de tema porque o botão de resposta do rodapé do tópico e o botão de resposta nas postagens têm a mesma string js.topic.reply.title. Portanto, se você alterar isso, ambos os botões mudarão.

Você pode alterá-lo para o botão do rodapé do tópico adicionando isso a um novo componente de tema ou a um existente.

Comum / CSS

#topic-footer-buttons {
  .topic-footer-main-buttons {
    button.btn-primary.create {
      span.d-button-label:after {
        // Adicionando este conteúdo após Responder
        content: " ao tópico";
      }
    }
  }
}

Este é um ótimo componente, obrigado por compartilhar :slightly_smiling_face: Vou verificar isso também. :heart:

4 curtidas

Sério? Mesmo quando usado para responder a várias pessoas?

E quanto a situações em que uma resposta começa com uma citação e o próximo capítulo é, na verdade, uma resposta ao tópico?

Acho isso um pouco confuso. E… como muitos usuários comuns não estão usando (e entendendo totalmente a diferença) o botão de resposta “correto”, não tenho certeza se funciona tão perfeitamente.

Qual seria uma opção melhor? Não sei.

2 curtidas

não tenho certeza do que você quer dizer, mas pode-se usar a citação rápida várias vezes copiando e colando na mesma postagem para responder a pessoas diferentes. eu realmente não entendo sua preocupação? próximo capítulo? botão de resposta “certo”? eu não tenho ideia do que você está se referindo?

de qualquer forma, renomeei o botão de resposta inferior agora e gosto dessa diferença, é um pouco mais clara na interface. obrigado pelo trecho de código @dodesz :slight_smile:

1 curtida

Esta é uma resposta para você.

Mas esta é uma resposta para Don.

Esplêndido mesmo! Podemos… mudar o texto de forma semelhante ao botão Responder Postagem também?

E este poderia ser uma resposta ao tópico:

Eu acho que o principal problema não é (o componente de citação rápida resolve isso, no entanto) citar e/ou marcar por si só, mas sim que dois botões diferentes fazem a mesma coisa, mas agem de forma ligeiramente diferente.

Por outro lado, eu entendo. Para os usuários, responder é responder é responder. Mas… se alguém lê uma postagem/comentário/resposta, por que não usa o botão de resposta mais próximo, mas sim o último?

Sim, eu sei. Sem uma citação acontece isso e aquilo, mas ainda assim.


Você me entende agora? Como esta postagem deve agir: como uma resposta para você, uma resposta para Don, nenhuma ou ambas? Claro — eu citei, e isso na verdade torna inútil tentar pensar que tipo de resposta esta é.

Veja, o fato de você ter citado ambas as postagens criou referências automáticas: você pode ver sua postagem após clicar no botão 1 Resposta ⌄ que agora existe em ambas as postagens que você citou.

Concordo que uma diferenciação mais clara entre os botões de “Responder” pode ser útil, provavelmente testarei isso em minha comunidade também.

2 curtidas

Droga! Você tem toda razão. Todo dia algo novo, mas como pude deixar isso passar passar :man_facepalming:

3 curtidas

não apenas os links de referência reversa (setas para cima), mas também as caixas de citação se você clicar/tocar nas setas para baixo:

desculpe, acho que interpretei mal você antes.

1 curtida

Obrigado por isso, Don. Eu queria fazer isso por anos! Levei sua ideia um passo adiante para minhas necessidades. Como meu site é um pouco diferente e cada categoria é diferente e não apenas discussões diretas, escolhi mudar completamente o texto do botão de resposta. Portanto, para minha categoria de crítica de imagens, mudei para “Dar Crítica ou Responder”, adicionando o “ou Responder”, acredito que contorne a preocupação de Jakke. Obrigado por levantar isso, Jakke, inicialmente eu o configurei apenas para “Dar Crítica”, mas você está certo de que isso não funciona para todas as situações.

Eu não gosto do truque font-size: 0;, mas por algum motivo não consegui fazer o truque visibility: hidden; funcionar com isso. Além disso, tentei definir o font-size para 1em em vez de px, mas isso também não pareceu funcionar. Acabei optando por uma fonte um pouco maior para fazer esse botão se destacar, mas preferiria usar em para que a fonte escale.

// Crítica de Imagem
body.category-image-critiques-abstract-critiques,
body.category-image-critiques-avian-critiques,
body.category-image-critiques-flora-critiques,
body.category-image-critiques-human-fauna-critiques,
body.category-image-critiques-landscape-critiques,
body.category-image-critiques-macro-critiques,
body.category-image-critiques-night-critiques,
body.category-image-critiques-non-nature-critiques,
body.category-image-critiques-wildlife-critiques,
body.category-image-critiques-weekly-challenge {
  #topic-footer-buttons {
    .topic-footer-main-buttons {
      button.btn-primary.create {
        span.d-button-label {
          // ocultar texto de resposta
          font-size: 0;
        }
      }
    }
  }

  #topic-footer-buttons {
    .topic-footer-main-buttons {
      button.btn-primary.create {
        span.d-button-label:after {
          // Novo texto
          font-size: 18px;
          content: "Critique Image or Reply";
        }
      }
    }
  }
}

Isso é especialmente ótimo para minha categoria AMA, onde mudei o botão de resposta para “Fazer Pergunta”, perfeito! Também ajuda a pessoa que está fazendo o AMA a entender que ela precisa usar o pequeno botão de resposta.

// AMA
body.category-learning-ama {
  #topic-footer-buttons {
    .topic-footer-main-buttons {
      button.btn-primary.create {
        span.d-button-label {
          // ocultar texto de resposta
          font-size: 0;
        }
      }
    }
  }

  #topic-footer-buttons {
    .topic-footer-main-buttons {
      button.btn-primary.create {
        span.d-button-label:after {
          // Novo texto
          font-size: 18px;
          content: "Ask a question";
        }
      }
    }
  }
}

Também defini uma cor de fundo para o botão de resposta para que ele se destaque um pouco mais. Ainda não descobri como fazer a transição corretamente para o hover, alguma ideia sobre isso seria útil…

.discourse-no-touch .topic-body .actions .fade-out {
    background: var(--primary-low);
}

Enfim, espero que minhas divagações ajudem outros!

2 curtidas