В PR была добавлена анимация для нового уведомления о теме. В целом это выглядит хорошо, но по ошибке нарушен исходный механизм выравнивания.
Коренная причина заключается в том, что transform: translateX(50%); не работает вместе с новым CSS-свойством анимации animation: float-down 250ms ease-in-out forwards;. При активации анимации исходный transform перестает действовать.
Эту ошибку можно увидеть на приложенном файле.
Поскольку transform и анимация float-down конфликтуют друг с другом, я считаю, что есть два способа решить эту проблему:
float-down-center в discourse.scss, включив transform: translateX(50%); в ключевые кадры.transform, применив width: fit-content, left: 0, right: 0 и margin: auto;.Если это так, я создам PR для исправления этого.
Здесь применяется PR, используя второй метод:
@jordan.vidrine, я тоже подумал, что заметил это
Внесены небольшие исправления, скоро объединим.
Вместо этого я объединил ваш PR. Спасибо!