fix location text truncation and overflow issues (#1606)

This commit is contained in:
pa
2026-01-28 22:47:37 +09:00
parent d0f6ab6574
commit 949c64d17b
+9 -10
View File
@@ -6,18 +6,17 @@
<TooltipWrapper :content="tooltipContent" :disabled="tooltipDisabled" :delay-duration="300" side="top"> <TooltipWrapper :content="tooltipContent" :disabled="tooltipDisabled" :delay-duration="300" side="top">
<div <div
:class="locationClasses" :class="locationClasses"
class="inline-flex min-w-0 flex-nowrap items-center overflow-hidden" class="inline-flex min-w-0 flex-nowrap items-center overflow-hidden truncate"
@click="handleShowWorldDialog"> @click="handleShowWorldDialog">
<Spinner v-if="isTraveling" class="mr-1 shrink-0" /> <Spinner v-if="isTraveling" class="mr-1 shrink-0" />
<span class="min-w-0 truncate">{{ text }}</span> <span class="min-w-0 flex-1 truncate">
<span v-if="showInstanceIdInLocation && instanceName" class="ml-1 whitespace-nowrap">{{ <span>{{ text }}</span>
` · #${instanceName}` <span v-if="showInstanceIdInLocation && instanceName" class="ml-1">{{
}}</span> ` · #${instanceName}`
<span }}</span>
v-if="groupName" <span v-if="groupName" class="ml-0.5 cursor-pointer" @click.stop="handleShowGroupDialog">
class="ml-0.5 whitespace-nowrap cursor-pointer" ({{ groupName }})
@click.stop="handleShowGroupDialog"> </span>
({{ groupName }})
</span> </span>
</div> </div>
</TooltipWrapper> </TooltipWrapper>