이미지 저장 시 이름 오버레이 말줄임 처리

티어표 PNG 내보내기 시 캐릭터 이름 슬라이드 효과를 비활성화하고, 왼쪽 정렬과 말줄임표가 안정적으로 적용되도록 보강했다.

Made-with: Cursor
This commit is contained in:
DUCK JIN
2026-04-27 14:21:08 +09:00
parent 73d198f5a9
commit 49ae97141f
6 changed files with 24 additions and 2 deletions

View File

@@ -1,5 +1,10 @@
# 업데이트 로그
## 2026-04-27 v1.1.32
- 티어표 편집 화면(`TierEditorView`)의 캐릭터 이름 오버레이 마퀴 처리에 export 예외를 추가했다. 이제 화면에서는 기존처럼 넘치는 이름만 슬라이드되지만, 이미지 다운로드 캡처 중(`.exportBoard--active`)에는 마퀴 클래스를 강제로 해제한다.
- export 전용 CSS 가드를 함께 넣어, 저장 시점에 마퀴 클래스가 남아 있더라도 애니메이션/복제 텍스트를 끄고 왼쪽 정렬 + `text-overflow: ellipsis` 형태로 고정되게 보강했다.
- 결과적으로 PNG 저장본에서는 긴 이름이 슬라이드되지 않고 정렬이 흔들리지 않으며, 카드 폭을 넘는 텍스트는 말줄임표로 안정적으로 표시된다.
## 2026-04-27 v1.1.31
- 티어표 편집/뷰어 화면(`TierEditorView`)에서 `캐릭터 이름 표시`를 켰을 때 카드 하단 이름 오버레이가 박스를 넘으면 자동으로 천천히 무한 슬라이드되도록 보강했다.
- 이름 길이가 짧아 박스를 넘지 않는 경우에는 기존처럼 고정 표시(ellipsis)만 유지하고, 넘치는 경우에만 마퀴 애니메이션이 켜지도록 overflow 기준을 실제 DOM 너비로 계산하도록 정리했다.