이미지 저장 시 이름 오버레이 말줄임 처리
티어표 PNG 내보내기 시 캐릭터 이름 슬라이드 효과를 비활성화하고, 왼쪽 정렬과 말줄임표가 안정적으로 적용되도록 보강했다. Made-with: Cursor
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user