Gracias por esto, Don, ¡he querido hacer esto durante años! Llevé tu idea un paso más allá para mis necesidades. Dado que mi sitio es un poco diferente y cada categoría es diferente y no solo discusiones directas, elegí cambiar completamente el texto del botón de respuesta. Así que para mi categoría de crítica de imágenes, lo cambié a “Dar crítica o responder”, al agregar “o responder” creo que evita la preocupación de Jakke. Gracias por mencionarlo, Jakke, inicialmente lo había configurado solo en “Dar crítica”, pero tienes razón en que no funciona para todas las situaciones.
No me encanta el truco de font-size: 0;, pero por alguna razón no pude hacer que el truco de visibility: hidden; funcionara con esto. Además, intenté establecer el tamaño de fuente en 1em en lugar de px, pero eso tampoco pareció funcionar. Terminé usando una fuente ligeramente más grande para que ese botón se destaque, pero preferiría usar em para que la fuente escale.
// Crítica de imágenes
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 respuesta
font-size: 0;
}
}
}
}
#topic-footer-buttons {
.topic-footer-main-buttons {
button.btn-primary.create {
span.d-button-label:after {
// Nuevo texto
font-size: 18px;
content: "Critique Image or Reply";
}
}
}
}
}
Esto es especialmente genial para mi categoría AMA donde cambié el botón de respuesta a “Hacer una pregunta”, ¡perfecto! También ayuda a la persona que hace la AMA a entender que necesita usar el pequeño botón de respuesta.
// AMA
body.category-learning-ama {
#topic-footer-buttons {
.topic-footer-main-buttons {
button.btn-primary.create {
span.d-button-label {
// Ocultar texto de respuesta
font-size: 0;
}
}
}
}
#topic-footer-buttons {
.topic-footer-main-buttons {
button.btn-primary.create {
span.d-button-label:after {
// Nuevo texto
font-size: 18px;
content: "Ask a question";
}
}
}
}
}
También establecí un color de fondo para el botón de respuesta para que se destaque un poco más. No he descubierto cómo hacer que la transición sea adecuada para pasar el cursor, ¿alguna idea al respecto sería útil…?
.discourse-no-touch .topic-body .actions .fade-out {
background: var(--primary-low);
}
¡De todos modos, espero que mis divagaciones ayuden a otros!