Presentando respuestas anidadas

Siempre sentí que las etiquetas de “Responder” podrían ser más específicas, así que hace un tiempo usé un CSS personalizado para añadir contexto:

captura de pantalla

CSS
/* añadir texto al botón Responder para la publicación original (también conocida como Tema) */
#post_1 nav.post-controls {
  .actions {
    button.reply {
      span.d-button-label:after {
        // Añadir este contenido después de Responder
        content: " a este Tema";
      }
    }
  }
}

/* añadir texto al botón Responder para todas las publicaciones subsiguientes (las llamo comentarios) */
nav.post-controls {
  .actions {
    button.reply {
      span.d-button-label:after {
        // Añadir este contenido después de Responder
        content: " a este comentario";
      }
    }
  }
}

/* añadir texto al botón azul Responder (al Tema) que aparece al final de la página */
#topic-footer-buttons {
  .topic-footer-main-buttons {
    button.btn-primary.create {
      span.d-button-label:after {
        // Añadir este contenido después de Responder
        content: " al Tema principal";
      }
    }
  }
}
2 Me gusta