From 5aad0559a03f7f1e3a4a611894759f12ddf11cb1 Mon Sep 17 00:00:00 2001
From: Natsumi <cmcooper123@hotmail.com>
Date: Tue, 30 Sep 2025 14:34:32 +1300
Subject: [PATCH] Fix favorites edit mode dropdown

---
 .../Favorites/components/FavoritesAvatarItem.vue |  9 +++++----
 .../Favorites/components/FavoritesFriendItem.vue |  9 +++++----
 .../Favorites/components/FavoritesWorldItem.vue  | 16 ++++++++--------
 3 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/views/Favorites/components/FavoritesAvatarItem.vue b/src/views/Favorites/components/FavoritesAvatarItem.vue
index f50e452b..e5272d90 100644
--- a/src/views/Favorites/components/FavoritesAvatarItem.vue
+++ b/src/views/Favorites/components/FavoritesAvatarItem.vue
@@ -10,13 +10,14 @@
                     <span class="extra" v-text="localFavFakeRef.authorName"></span>
                 </div>
                 <div class="editing">
-                    <el-dropdown trigger="click" size="small" style="margin-left: 5px">
+                    <el-dropdown trigger="hover" size="small" style="margin-left: 5px">
                         <div>
-                            <el-tooltip placement="top" :content="tooltipContent">
-                                <el-button type="default" :icon="Back" size="small" circle></el-button>
-                            </el-tooltip>
+                            <el-button type="default" :icon="Back" size="small" circle></el-button>
                         </div>
                         <template #dropdown>
+                            <span style="font-weight: bold; display: block; text-align: center">
+                                {{ t(tooltipContent) }}
+                            </span>
                             <el-dropdown-menu>
                                 <template v-for="groupAPI in favoriteAvatarGroups" :key="groupAPI.name">
                                     <el-dropdown-item
diff --git a/src/views/Favorites/components/FavoritesFriendItem.vue b/src/views/Favorites/components/FavoritesFriendItem.vue
index 29126427..edfb7956 100644
--- a/src/views/Favorites/components/FavoritesFriendItem.vue
+++ b/src/views/Favorites/components/FavoritesFriendItem.vue
@@ -19,13 +19,14 @@
                     <span v-else v-text="favorite.ref.statusDescription"></span>
                 </div>
                 <div class="editing">
-                    <el-dropdown trigger="click" size="small" style="margin-left: 5px">
+                    <el-dropdown trigger="hover" size="small" style="margin-left: 5px">
                         <div>
-                            <el-tooltip placement="left" :content="t('view.favorite.move_tooltip')">
-                                <el-button type="default" :icon="Back" size="small" circle></el-button>
-                            </el-tooltip>
+                            <el-button type="default" :icon="Back" size="small" circle></el-button>
                         </div>
                         <template #dropdown>
+                            <span style="font-weight: bold; display: block; text-align: center">
+                                {{ t('view.favorite.move_tooltip') }}
+                            </span>
                             <el-dropdown-menu>
                                 <template v-for="groupAPI in favoriteFriendGroups" :key="groupAPI.name">
                                     <el-dropdown-item
diff --git a/src/views/Favorites/components/FavoritesWorldItem.vue b/src/views/Favorites/components/FavoritesWorldItem.vue
index 0abe428b..55268a95 100644
--- a/src/views/Favorites/components/FavoritesWorldItem.vue
+++ b/src/views/Favorites/components/FavoritesWorldItem.vue
@@ -13,17 +13,14 @@
                     <span v-else class="extra">{{ localFavFakeRef.authorName }}</span>
                 </div>
                 <div class="editing">
-                    <el-dropdown trigger="click" size="small" style="margin-left: 5px">
+                    <el-dropdown trigger="hover" size="small" style="margin-left: 5px">
                         <div>
-                            <el-tooltip
-                                placement="left"
-                                :content="
-                                    t(localFavFakeRef ? 'view.favorite.copy_tooltip' : 'view.favorite.move_tooltip')
-                                ">
-                                <el-button type="default" :icon="Back" size="small" circle></el-button>
-                            </el-tooltip>
+                            <el-button type="default" :icon="Back" size="small" circle></el-button>
                         </div>
                         <template #dropdown>
+                            <span style="font-weight: bold; display: block; text-align: center">
+                                {{ t(tooltipContent) }}
+                            </span>
                             <el-dropdown-menu>
                                 <template v-for="groupAPI in favoriteWorldGroups" :key="groupAPI.name">
                                     <el-dropdown-item
@@ -159,6 +156,9 @@
     });
 
     const localFavFakeRef = computed(() => (props.isLocalFavorite ? props.favorite : props.favorite.ref));
+    const tooltipContent = computed(() =>
+        t(props.isLocalFavorite ? 'view.favorite.copy_tooltip' : 'view.favorite.move_tooltip')
+    );
 
     const smallThumbnail = computed(() => {
         const url = localFavFakeRef.value.thumbnailImageUrl.replace('256', '128');