# “查看 x 个新主题或更新主题”在添加动画后对齐不正确

**URL:** <https://meta.discourse.org/t/the-see-x-new-or-updated-topics-is-misaligned-after-adding-animations/391625>\
**Category:** UX\
**Tags:** bug\
**Created:** [2025年十二月18日 04:48 UTC](https://meta.discourse.org/t/the-see-x-new-or-updated-topics-is-misaligned-after-adding-animations/391625 "2025-12-18T04:48:11Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![small-lovely-cat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/small-lovely-cat/32/553546_2.png) [@small-lovely-cat](https://meta.discourse.org/u/small-lovely-cat)\
**Post date:** [2025年十二月18日 04:48 UTC](https://meta.discourse.org/t/the-see-x-new-or-updated-topics-is-misaligned-after-adding-animations/391625/1 "2025-12-18T04:48:11Z")

</div>

[PR](https://github.com/discourse/discourse/pull/36726) 添加了新主题提醒的动画。总体来说看起来不错，但它意外地破坏了原始的对齐机制。

其根本原因在于 `transform: translateX(50%);` 与新的动画 CSS `animation: float-down 250ms ease-in-out forwards;` 无法协同工作。当动画激活时，原始的 `transform` 会失效。

可以从附件中看到此错误。

![image](https://global.discourse-cdn.com/meta/original/4X/c/e/f/cef65fb5ee8f3c3c72256083592a9c81f9c90b3d.png)

---

_[View the full topic](https://meta.discourse.org/t/the-see-x-new-or-updated-topics-is-misaligned-after-adding-animations/391625)._