Le bouton Répondre devient plus clair et gras au défilement/survol

Le bouton de réponse s’est avéré être la chose la plus difficile à corriger avec CSS.

Il rend le bouton de réponse plus lumineux lorsqu’un message est survolé/mis au focus. Il rend également le mot “Reply” (Répondre) plus gras au survol, ce que je n’aime pas.

Il change également la couleur de la police lors du survol direct, mais n’a changé que l’icône et non le mot “Reply”, il faut donc du CSS pour unifier la valeur par défaut.

image

Il y a tellement d’effets sur le bouton de réponse, il y a aussi une sorte de mise en gras/ou de police plus épaisse qui est ajoutée.

image

Voici le code que j’ai, il y a toujours un effet d’agrandissement de la police qui se produit, j’ai réussi à me débarrasser de l’effet d’éclaircissement :

.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. État de survol : Changer à 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. Supprimer l'éclaircissement/la lueur et ralentir les transitions */
.post-info.edits .btn-flat,
.topic-post .post-controls .create {
    opacity: 1 !important;
    filter: none !important;
    transition: none !important;
    animation: none !important;
}

/* 4. Empêcher la mise en surbrillance du défilement de délaver les couleurs */
.topic-post.highlighted .post-controls .create,
.topic-post.highlighted .post-info.edits .btn-flat {
    filter: none !important;
    opacity: 1 !important;
}

Ce serait vraiment bien si vous pouviez modifier les icônes/la police/le texte via une sorte de style intégré. Car j’ai tellement de CSS pour que l’apparence par défaut me convienne.

J’avais réussi à obtenir un meilleur rendu, mais j’ai dû supprimer le CSS que j’avais car il causait de nombreux problèmes à cause des doubles boutons et de tous les différents styles appliqués.

Vous pouvez utiliser content: "Some text" pour changer le texte d’un élément. Mais il est toujours bon de modifier les textes via les textes du site.