애니메이션을 추가한 후 “새롭거나 업데이트된 x개 주제 보기” 정렬이 어긋남

small-lovely-cat · 12월 18, 2025, 5:47오전

여기서는 두 번째 방법을 사용하여 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	2	579	5월 8, 2020
Topic metadata alignment problem in the topics list on home page UX	3	1225	8월 29, 2016
"New topic or updated" didn't show at the right place Support	4	704	4월 21, 2018
Notification icon and dropdown are not properly aligned UX	1	635	5월 20, 2020
Avatar shows over banner on mobile Bug	2	1352	3월 24, 2015

애니메이션을 추가한 후 “새롭거나 업데이트된 x개 주제 보기” 정렬이 어긋남

Related topics