Кнопка «Ответить» оказалась самым сложным элементом для исправления с помощью CSS.
Она делает кнопку «Ответить» ярче при наведении или фокусе на сообщении. Также при наведении слово «Ответить» становится жирным, что мне не нравится.
Кроме того, меняется цвет шрифта при прямом наведении, но изменяется только иконка, а не слово «Ответить», поэтому нужен CSS, чтобы привести всё к единому стандарту.
На кнопке «Ответить» происходит так много эффектов, также добавляется какой-то тип жирности или более тяжёлого шрифта.
Вот код, который у меня есть. Эффект увеличения шрифта всё ещё сохраняется, но мне удалось убрать эффект осветления:
.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. Состояние наведения: меняем на #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. Убираем осветление/свечение и медленные переходы */
.post-info.edits .btn-flat,
.topic-post .post-controls .create {
opacity: 1 !important;
filter: none !important;
transition: none !important;
animation: none !important;
}
/* 4. Останавливаем подсветку при прокрутке, которая размывает цвета */
.topic-post.highlighted .post-controls .create,
.topic-post.highlighted .post-info.edits .btn-flat {
filter: none !important;
opacity: 1 !important;
}
Было бы здорово, если бы можно было изменять иконки, шрифт или текст через какой-то встроенный механизм стилизации. У меня так много CSS-правок, чтобы стандартный вид соответствовал моим потребностям.
Раньше это выглядело лучше, но мне пришлось удалить свой CSS, потому что он вызывал множество проблем из-за дублирования кнопок и применения множества различных стилей.