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

티어표 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

@@ -209,10 +209,11 @@ function updateNameMarquee(el) {
const textEl = el.querySelector('.itemNameOverlay__text')
if (!textEl) return
const isExportCapture = !!el.closest('.exportBoard--active')
const content = (textEl.textContent || '').trim()
textEl.setAttribute('data-text', content)
if (!content) {
if (!content || isExportCapture) {
el.classList.remove('itemNameOverlay--marquee')
el.style.removeProperty('--marquee-distance')
el.style.removeProperty('--marquee-duration')
@@ -3051,6 +3052,16 @@ onUnmounted(() => {
display: inline-block;
padding-left: 20px;
}
.exportBoard--active .itemNameOverlay--marquee .itemNameOverlay__text {
overflow: hidden;
text-overflow: ellipsis;
padding-right: 0;
animation: none;
transform: translateX(0);
}
.exportBoard--active .itemNameOverlay--marquee .itemNameOverlay__text::after {
content: none;
}
@keyframes itemNameMarquee {
0% {
transform: translateX(0);