Die Antwort-Schaltfläche hat sich als das am schwierigsten zu reparierende Element mit CSS erwiesen.
Sie lässt die Antwort-Schaltfläche heller erscheinen, wenn man mit der Maus darüber fährt/sie fokussiert, was ich nicht mag. Sie macht auch das Wort „Reply“ beim Darüberfahren fetter, was mir nicht gefällt.
Sie ändert auch die Schriftfarbe bei direktem Darüberfahren, aber nur das Icon, nicht das Wort „Reply“, daher wird CSS benötigt, um den Standard zu vereinheitlichen.
Es gibt so viele Effekte, die auf der Antwort-Schaltfläche auftreten, es gibt auch eine Art von Verdunkelung/oder eine schwerere Schriftart, die hinzugefügt wird.
Das ist der Code, den ich habe, es gibt immer noch einen Effekt der Schriftvergrößerung, ich habe es geschafft, den Aufhellungseffekt loszuwerden:
.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. Hover-Status: Ändere zu 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. Deaktiviere das Aufhellen/Leuchten und verlangsame Übergänge */
.post-info.edits .btn-flat,
.topic-post .post-controls .create {
opacity: 1 !important;
filter: none !important;
transition: none !important;
animation: none !important;
}
/* 4. Verhindere, dass das Scroll-Highlight die Farben ausbleicht */
.topic-post.highlighted .post-controls .create,
.topic-post.highlighted .post-info.edits .btn-flat {
filter: none !important;
opacity: 1 !important;
}
Es wäre ziemlich cool, wenn du die Icons/Schriftart/Text über eine Art integriertes Styling anpassen könntest. Da ich so viel CSS habe, um das Standardaussehen für meine Bedürfnisse gut aussehen zu lassen.
Ich hatte das besser aussehen lassen, aber ich musste das CSS entfernen, das ich hatte, weil es wegen der doppelten Schaltflächen und all der verschiedenen angewendeten Stile so viele Probleme verursachte.