El botón de respuesta ha resultado ser lo más difícil de arreglar con CSS.
Está haciendo que el botón de respuesta se aclare cuando se pasa el ratón o se enfoca una publicación. También está haciendo que la palabra “Reply” (Responder) sea más negrita al pasar el ratón, lo cual no me gusta.
También está cambiando el color de la fuente al pasar el ratón directamente, pero solo cambió el icono y no la palabra “Reply”, así que necesito CSS para unificar el valor predeterminado.
Hay tantos efectos ocurriendo en el botón de respuesta, también hay algún tipo de negrita o fuente más pesada que se está aplicando.
Este es el código que tengo, todavía hay un efecto de agrandamiento de fuente que está ocurriendo, logré eliminar el efecto de aclaramiento:
.post-info.edits .btn-flat svg,
.post-info.edits .btn-flat .d-button-label,
.topic-post .post-controls .create svg,
.topic-post .post-controls .create .d-button-label {
fill: #7b7b7b !important;
color: #7b7b7b !important;
}
/* 2. Estado de pasar el ratón: Cambiar a e0e0e0 */
.post-info.edits .btn-flat:hover svg,
.post-info.edits .btn-flat:hover .d-button-label,
.topic-post .post-controls .create:hover svg,
.topic-post .post-controls .create:hover .d-button-label {
fill: #e0e0e0 !important;
color: #e0e0e0 !important;
}
/* 3. Eliminar el aclaramiento/brillo y ralentizar las transiciones */
.post-info.edits .btn-flat,
.topic-post .post-controls .create {
opacity: 1 !important;
filter: none !important;
transition: none !important;
animation: none !important;
}
/* 4. Evitar que el resaltado de desplazamiento borre los colores */
.topic-post.highlighted .post-controls .create,
.topic-post.highlighted .post-info.edits .btn-flat {
filter: none !important;
opacity: 1 !important;
}
Sería genial si pudieras modificar los iconos/fuente/texto a través de algún tipo de estilo incorporado. Ya que tengo mucho CSS haciendo que el aspecto predeterminado se vea bien para mis necesidades.
Tenía esto luciendo mejor, pero tuve que eliminar el CSS que tenía porque estaba causando muchos problemas debido a los botones dobles y todos los diferentes estilos que se aplicaban.