From cc320e0f84697d920236094ba49f80e93c6df57f Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Fri, 8 Nov 2024 18:56:44 -0500
Subject: [PATCH] Change tooltip location to bottom for sidebar action buttons
 (#1479)

---
 src/components/sidebar/tabs/ModelLibrarySidebarTab.vue | 4 ++--
 src/components/sidebar/tabs/NodeLibrarySidebarTab.vue  | 4 ++--
 src/components/sidebar/tabs/QueueSidebarTab.vue        | 4 ++--
 src/components/sidebar/tabs/WorkflowsSidebarTab.vue    | 6 +++---
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/sidebar/tabs/ModelLibrarySidebarTab.vue b/src/components/sidebar/tabs/ModelLibrarySidebarTab.vue
index 9c009f08cd..1d076480d7 100644
--- a/src/components/sidebar/tabs/ModelLibrarySidebarTab.vue
+++ b/src/components/sidebar/tabs/ModelLibrarySidebarTab.vue
@@ -9,14 +9,14 @@
         @click="modelStore.loadModelFolders"
         severity="secondary"
         text
-        v-tooltip="$t('refresh')"
+        v-tooltip.bottom="$t('refresh')"
       />
       <Button
         icon="pi pi-cloud-download"
         @click="modelStore.loadModels"
         severity="secondary"
         text
-        v-tooltip="$t('loadAllFolders')"
+        v-tooltip.bottom="$t('loadAllFolders')"
       />
     </template>
     <template #header>
diff --git a/src/components/sidebar/tabs/NodeLibrarySidebarTab.vue b/src/components/sidebar/tabs/NodeLibrarySidebarTab.vue
index bcb4b0c021..279b168d61 100644
--- a/src/components/sidebar/tabs/NodeLibrarySidebarTab.vue
+++ b/src/components/sidebar/tabs/NodeLibrarySidebarTab.vue
@@ -10,7 +10,7 @@
         text
         severity="secondary"
         @click="nodeBookmarkTreeExplorerRef?.addNewBookmarkFolder()"
-        v-tooltip="$t('newFolder')"
+        v-tooltip.bottom="$t('newFolder')"
       />
       <Button
         class="sort-button"
@@ -18,7 +18,7 @@
         text
         severity="secondary"
         @click="alphabeticalSort = !alphabeticalSort"
-        v-tooltip="$t('sideToolbar.nodeLibraryTab.sortOrder')"
+        v-tooltip.bottom="$t('sideToolbar.nodeLibraryTab.sortOrder')"
       />
     </template>
     <template #header>
diff --git a/src/components/sidebar/tabs/QueueSidebarTab.vue b/src/components/sidebar/tabs/QueueSidebarTab.vue
index 8d4bf7be60..71ec514e97 100644
--- a/src/components/sidebar/tabs/QueueSidebarTab.vue
+++ b/src/components/sidebar/tabs/QueueSidebarTab.vue
@@ -11,7 +11,7 @@
         severity="secondary"
         @click="toggleImageFit"
         class="toggle-expanded-button"
-        v-tooltip="$t(`sideToolbar.queueTab.${imageFit}ImagePreview`)"
+        v-tooltip.bottom="$t(`sideToolbar.queueTab.${imageFit}ImagePreview`)"
       />
       <Button
         v-if="isInFolderView"
@@ -20,7 +20,7 @@
         severity="secondary"
         @click="exitFolderView"
         class="back-button"
-        v-tooltip="$t('sideToolbar.queueTab.backToAllTasks')"
+        v-tooltip.bottom="$t('sideToolbar.queueTab.backToAllTasks')"
       />
       <template v-else>
         <Button
diff --git a/src/components/sidebar/tabs/WorkflowsSidebarTab.vue b/src/components/sidebar/tabs/WorkflowsSidebarTab.vue
index 5b9d04037e..c9ab9088f4 100644
--- a/src/components/sidebar/tabs/WorkflowsSidebarTab.vue
+++ b/src/components/sidebar/tabs/WorkflowsSidebarTab.vue
@@ -7,21 +7,21 @@
       <Button
         class="browse-templates-button"
         icon="pi pi-th-large"
-        v-tooltip="$t('sideToolbar.browseTemplates')"
+        v-tooltip.bottom="$t('sideToolbar.browseTemplates')"
         text
         @click="() => commandStore.execute('Comfy.BrowseTemplates')"
       />
       <Button
         class="open-workflow-button"
         icon="pi pi-folder-open"
-        v-tooltip="$t('sideToolbar.openWorkflow')"
+        v-tooltip.bottom="$t('sideToolbar.openWorkflow')"
         text
         @click="() => commandStore.execute('Comfy.OpenWorkflow')"
       />
       <Button
         class="new-blank-workflow-button"
         icon="pi pi-plus"
-        v-tooltip="$t('sideToolbar.newBlankWorkflow')"
+        v-tooltip.bottom="$t('sideToolbar.newBlankWorkflow')"
         @click="() => commandStore.execute('Comfy.NewBlankWorkflow')"
         text
       />