Apresentando respostas aninhadas

Sempre achei que os rótulos “Responder” poderiam ser mais específicos — então, há algum tempo, usei algum CSS personalizado para adicionar contexto:

captura de tela

CSS
/* adicionar texto ao botão Responder para a postagem original (aka Tópico) */
#post_1 nav.post-controls {
  .actions {
    button.reply {
      span.d-button-label:after {
        // Adicionando este conteúdo após Responder
        content: " a este Tópico";
      }
    }
  }
}

/* adicionar texto ao botão Responder para todas as postagens subsequentes (chamo de comentários) */
nav.post-controls {
  .actions {
    button.reply {
      span.d-button-label:after {
        // Adicionando este conteúdo após Responder
        content: " a este comentário";
      }
    }
  }
}

/* adicionar texto ao botão Responder azul (ao Tópico) que aparece no final da página */
#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 principal";
      }
    }
  }
}
2 curtidas