Привет!

Я не вижу других кнопок с таким же дизайном. Кроме того, цвет текста не имеет плавного перехода, поэтому выглядит не очень хорошо.
Привет!

Я не вижу других кнопок с таким же дизайном. Кроме того, цвет текста не имеет плавного перехода, поэтому выглядит не очень хорошо.
Какую тему вы используете? У меня эффекты на всех кнопках для Meta-branded и Horizon.
@Canapin Какая это тема? Мне не удаётся увидеть тот же эффект на Meta Branded или Foundation.
(@HAWK не знаю, как я мог это пропустить, даже прочитав твой пост дважды. Видимо, ещё не до конца проснулся…)
Это ваша тема: боковое меню в вашем экземпляре Discourse ведёт себя аналогично.
Кстати, приятно видеть, что ваше сообщество велосипедистов процветает.
Брайан (EndeavourOS)
Привет, извините, возможно, я не был достаточно ясен. Я говорю об анимированном фоновом переходе, который не наблюдается ни на одной другой кнопке.
Я использую Foundation. Это также происходит на Meta Branded, но не на Horizon.

О, возможно, это так незаметно, что я упустил. У меня плохое зрение. Он плавно появляется, пока остальные остаются плоскими?
Переход обусловлен тем, что мы делаем эти пункты действий слегка прозрачными при отсутствии наведения курсора. Это сделано для того, чтобы не отвлекать внимание от самого контента.
Возможно, пришло время отказаться от этого и использовать здесь более светлые цвета вместо настроек непрозрачности.
Ах, понял. На самом деле нам всё равно не нужен здесь свойство перехода фона… Думаю, это старый остаток от того времени, когда кнопка ответа по умолчанию имела фоновый цвет?
Прозрачность можно оставить, чтобы при наведении на пост кнопка ответа становилась темнее, она здесь не мешает.
Не уверен, что правильно понял вопрос, но, на всякий случай, сформулирую его так: «Почему кнопка ответа анимируется при наведении, в то время как другие кнопки, похоже, не анимируются?» К тому же анимируется только фон, а не текст, что выглядит странно.
Это происходит из-за класса .fade-out, который переопределяет стандартный переход (по умолчанию он установлен в none).
редактирование: ну, Крис ответил, пока я писал. Спасибо! ![]()
Я прочитал исправление, и оно действительно добавляет анимацию затухания к тексту, но я всё равно не совсем понимаю суть.
Мой главный вопрос остаётся без ответа, если я что-то упускаю: почему эта кнопка анимируется с помощью свойства transition, тогда как другие кнопки — нет?
Если анимация этой кнопки при наведении намеренно добавлена, то отлично!
Мне это кажется немного странным, потому что она выглядит единственной кнопкой с анимацией при наведении. Я просто подумал, что её следовало убрать, но что-то упустил из виду ![]()
К кнопке ответа добавлен класс “fade-out” с меткой. Если я не ошибаюсь, Canapin спрашивает, является ли это несоответствие намеренным по сравнению с другими кнопками.
Вот оно. Спасибо, что сузили круг вопроса, который я поднимаю!
Это нужно, чтобы привлечь больше внимания к кнопке ответа в посте, над которым вы наводите курсор. Это очень старое поведение: я думаю, раньше оно было более заметным и применялось ко всем элементам управления ещё в эпоху версии 1.0.
Вопрос о том, нужно ли нам это вообще сейчас, остаётся открытым, но мне нравится эта тонкая визуальная разница.