Fix favorites name overflow

This commit is contained in:
Natsumi
2025-10-05 22:47:28 +13:00
parent dab93b1bfc
commit 3fd74ed800
2 changed files with 15 additions and 13 deletions
@@ -4,9 +4,9 @@
<span style="display: block; text-align: center">{{ t('dialog.favorite.vrchat_favorites') }}</span> <span style="display: block; text-align: center">{{ t('dialog.favorite.vrchat_favorites') }}</span>
<template v-if="favoriteDialog.currentGroup && favoriteDialog.currentGroup.key"> <template v-if="favoriteDialog.currentGroup && favoriteDialog.currentGroup.key">
<el-button <el-button
style="display: block; width: 100%; margin: 10px 0" style="display: block; width: 100%; margin: 10px 0; white-space: initial; height: auto"
@click="deleteFavoriteNoConfirm(favoriteDialog.objectId)"> @click="deleteFavoriteNoConfirm(favoriteDialog.objectId)">
<el-icon><Check /></el-icon> <el-icon style="margin-right: 5px"><Check /></el-icon>
{{ favoriteDialog.currentGroup.displayName }} ({{ favoriteDialog.currentGroup.count }} / {{ favoriteDialog.currentGroup.displayName }} ({{ favoriteDialog.currentGroup.count }} /
{{ favoriteDialog.currentGroup.capacity }}) {{ favoriteDialog.currentGroup.capacity }})
</el-button> </el-button>
@@ -15,7 +15,7 @@
<el-button <el-button
v-for="group in groups" v-for="group in groups"
:key="group.key" :key="group.key"
style="display: block; width: 100%; margin: 10px 0" style="display: block; width: 100%; margin: 10px 0; white-space: initial; height: auto"
@click="addFavorite(group)"> @click="addFavorite(group)">
{{ group.displayName }} ({{ group.count }} / {{ group.capacity }}) {{ group.displayName }} ({{ group.count }} / {{ group.capacity }})
</el-button> </el-button>
@@ -26,14 +26,14 @@
<template v-for="group in localWorldFavoriteGroups" :key="group"> <template v-for="group in localWorldFavoriteGroups" :key="group">
<el-button <el-button
v-if="hasLocalWorldFavorite(favoriteDialog.objectId, group)" v-if="hasLocalWorldFavorite(favoriteDialog.objectId, group)"
style="display: block; width: 100%; margin: 10px 0" style="display: block; width: 100%; margin: 10px 0; white-space: initial; height: auto"
@click="removeLocalWorldFavorite(favoriteDialog.objectId, group)"> @click="removeLocalWorldFavorite(favoriteDialog.objectId, group)">
<el-icon><Check /></el-icon> <el-icon style="margin-right: 5px"><Check /></el-icon>
{{ group }} ({{ getLocalWorldFavoriteGroupLength(group) }}) {{ group }} ({{ getLocalWorldFavoriteGroupLength(group) }})
</el-button> </el-button>
<el-button <el-button
v-else v-else
style="display: block; width: 100%; margin: 10px 0" style="display: block; width: 100%; margin: 10px 0; white-space: initial; height: auto"
@click="addLocalWorldFavorite(favoriteDialog.objectId, group)"> @click="addLocalWorldFavorite(favoriteDialog.objectId, group)">
{{ group }} ({{ getLocalWorldFavoriteGroupLength(group) }}) {{ group }} ({{ getLocalWorldFavoriteGroupLength(group) }})
</el-button> </el-button>
@@ -44,14 +44,14 @@
<template v-for="group in localAvatarFavoriteGroups" :key="group"> <template v-for="group in localAvatarFavoriteGroups" :key="group">
<el-button <el-button
v-if="hasLocalAvatarFavorite(favoriteDialog.objectId, group)" v-if="hasLocalAvatarFavorite(favoriteDialog.objectId, group)"
style="display: block; width: 100%; margin: 10px 0" style="display: block; width: 100%; margin: 10px 0; white-space: initial; height: auto"
@click="removeLocalAvatarFavorite(favoriteDialog.objectId, group)"> @click="removeLocalAvatarFavorite(favoriteDialog.objectId, group)">
<el-icon><Check /></el-icon> <el-icon style="margin-right: 5px"><Check /></el-icon>
{{ group }} ({{ getLocalAvatarFavoriteGroupLength(group) }}) {{ group }} ({{ getLocalAvatarFavoriteGroupLength(group) }})
</el-button> </el-button>
<el-button <el-button
v-else v-else
style="display: block; width: 100%; margin: 10px 0" style="display: block; width: 100%; margin: 10px 0; white-space: initial; height: auto"
:disabled="!isLocalUserVrcplusSupporter" :disabled="!isLocalUserVrcplusSupporter"
@click="addLocalAvatarFavorite(favoriteDialog.objectId, group)"> @click="addLocalAvatarFavorite(favoriteDialog.objectId, group)">
{{ group }} ({{ getLocalAvatarFavoriteGroupLength(group) }}) {{ group }} ({{ getLocalAvatarFavoriteGroupLength(group) }})
@@ -85,10 +85,11 @@
<br /> <br />
<br /> <br />
<br /> <br />
<span class="sub-header">{{ t('view.settings.advanced.advanced.save_instance_prints_to_file.header') }}</span> <span class="sub-header" style="margin-right: 5px">{{
t('view.settings.advanced.advanced.save_instance_prints_to_file.header')
}}</span>
<el-tooltip <el-tooltip
placement="top" placement="top"
style="margin-left: 5px"
:content="t('view.settings.advanced.advanced.save_instance_prints_to_file.header_tooltip')"> :content="t('view.settings.advanced.advanced.save_instance_prints_to_file.header_tooltip')">
<el-icon><InfoFilled /></el-icon> <el-icon><InfoFilled /></el-icon>
</el-tooltip> </el-tooltip>
@@ -110,10 +111,11 @@
@change="setSaveInstanceStickers()" @change="setSaveInstanceStickers()"
:long-label="true" /> :long-label="true" />
<br /> <br />
<span class="sub-header">{{ t('view.settings.advanced.advanced.save_instance_emoji_to_file.header') }} </span> <span class="sub-header" style="margin-right: 5px"
>{{ t('view.settings.advanced.advanced.save_instance_emoji_to_file.header') }}
</span>
<el-tooltip <el-tooltip
placement="top" placement="top"
style="margin-left: 5px"
:content="t('view.settings.advanced.advanced.save_instance_prints_to_file.header_tooltip')"> :content="t('view.settings.advanced.advanced.save_instance_prints_to_file.header_tooltip')">
<el-icon><InfoFilled /></el-icon> <el-icon><InfoFilled /></el-icon>
</el-tooltip> </el-tooltip>