Текст «See x new or updated topics» смещён после добавления анимаций

small-lovely-cat · 18.Декабрь.2025 05:47:41

Здесь применяется PR, используя второй метод:

github.com/discourse/discourse

UX: Fix misalignment of "See x new or updated topics" (#36767)

main ← small-lovely-cat:fix-misalignment-new-topic

merged 10:23PM - 18 Dec 25 UTC

small-lovely-cat

+4 -1

In #36726, a new animation is added to the new topic notifictaion, however, it a…ccidentally break the center alignment before. The root cause is that the `transform` attribute is also used in the `animation: float-down`, that overrides and invalidates the original `transform: translateX(50%)`. This PR changes how the element is aligned, so as to fix the alignment problem and remove the original usage of `transform`. Before: <img width="1914" height="915" alt="image" src="https://github.com/user-attachments/assets/4dd0ad3d-b0d9-4526-ab18-2d47da69eb28" /> After: <img width="1916" height="920" alt="image" src="https://github.com/user-attachments/assets/72af14b1-eb39-432a-9131-2cb38a8c557d" />

Тема		Ответов	Просм.
Close button misalignments on banners UX	3	545	09.05.2020
Topic metadata alignment problem in the topics list on home page UX	4	1181	29.08.2016
"New topic or updated" didn't show at the right place Support	5	675	22.04.2018
Notification icon and dropdown are not properly aligned UX	2	612	20.05.2020
Avatar shows over banner on mobile Bug	3	1335	24.03.2015

Текст «See x new or updated topics» смещён после добавления анимаций

Связанные темы