From 5690b4a644dfad4f89db45d1ef11c7ff802dee46 Mon Sep 17 00:00:00 2001
From: rackrick <45207681+rackrick@users.noreply.github.com>
Date: Tue, 24 Sep 2024 23:56:19 +0200
Subject: [PATCH] fix(History): adjust button tooltips to consistent style
 (#2018)

---
 src/components/panels/HistoryListPanel.vue | 33 ++++++++++++++--------
 src/locales/en.json                        |  1 +
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/components/panels/HistoryListPanel.vue b/src/components/panels/HistoryListPanel.vue
index 85b2b404f..f25ac602f 100644
--- a/src/components/panels/HistoryListPanel.vue
+++ b/src/components/panels/HistoryListPanel.vue
@@ -14,15 +14,19 @@
                         dense />
                 </v-col>
                 <v-col class="offset-4 col-4 d-flex align-center justify-end">
-                    <template v-if="selectedJobs.length">
-                        <v-btn
-                            :title="$t('History.Delete')"
-                            color="error"
-                            class="px-2 minwidth-0 ml-3"
-                            @click="deleteSelectedDialog = true">
-                            <v-icon>{{ mdiDelete }}</v-icon>
-                        </v-btn>
-                    </template>
+                    <v-tooltip v-if="selectedJobs.length" top>
+                        <template #activator="{ on, attrs }">
+                            <v-btn
+                                color="error"
+                                class="px-2 minwidth-0 ml-3"
+                                v-bind="attrs"
+                                v-on="on"
+                                @click="deleteSelectedDialog = true">
+                                <v-icon>{{ mdiDelete }}</v-icon>
+                            </v-btn>
+                        </template>
+                        <span>{{ $t('History.Delete') }}</span>
+                    </v-tooltip>
                     <v-tooltip top>
                         <template #activator="{ on, attrs }">
                             <v-btn
@@ -58,9 +62,14 @@
                     </v-tooltip>
                     <v-menu :offset-y="true" :close-on-content-click="false">
                         <template #activator="{ on, attrs }">
-                            <v-btn class="px-2 minwidth-0 ml-3" v-bind="attrs" v-on="on">
-                                <v-icon>{{ mdiCog }}</v-icon>
-                            </v-btn>
+                            <v-tooltip top>
+                                <template #activator="{ on: onToolTip }">
+                                    <v-btn class="px-2 minwidth-0 ml-3" v-bind="attrs" v-on="{ ...on, ...onToolTip }">
+                                        <v-icon>{{ mdiCog }}</v-icon>
+                                    </v-btn>
+                                </template>
+                                <span>{{ $t('History.Settings') }}</span>
+                            </v-tooltip>
                         </template>
                         <v-list>
                             <v-list-item class="minHeight36">
diff --git a/src/locales/en.json b/src/locales/en.json
index e13f50b3a..4b54994c6 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -433,6 +433,7 @@
         "SelectedFilamentUsed": "Selected Filament Used",
         "SelectedJobs": "Selected Jobs",
         "SelectedPrinttime": "Selected Print Time",
+        "Settings": "Settings",
         "Slicer": "Slicer",
         "SlicerVersion": "Slicer Version",
         "StartTime": "Start Time",