From 01ade0984c50106b3826667944482f8acb477ecd Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Tue, 10 May 2022 21:42:45 -0500
Subject: [PATCH] Add tooltips to icons in saves manager

---
 src/components/Save.vue           | 26 ++++++++++++++++++++------
 src/features/tooltips/Tooltip.vue |  1 +
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/components/Save.vue b/src/components/Save.vue
index 9e7db1c..06ec591 100644
--- a/src/components/Save.vue
+++ b/src/components/Save.vue
@@ -8,36 +8,48 @@
                 left
                 v-if="save.error == undefined && !isConfirming"
             >
-                <span class="material-icons">content_paste</span>
+                <Tooltip display="Export" :direction="Direction.Left" class="info">
+                    <span class="material-icons">content_paste</span>
+                </Tooltip>
             </FeedbackButton>
             <button
                 @click="emit('duplicate')"
                 class="button"
                 v-if="save.error == undefined && !isConfirming"
             >
-                <span class="material-icons">content_copy</span>
+                <Tooltip display="Duplicate" :direction="Direction.Left" class="info">
+                    <span class="material-icons">content_copy</span>
+                </Tooltip>
             </button>
             <button
                 @click="isEditing = !isEditing"
                 class="button"
                 v-if="save.error == undefined && !isConfirming"
             >
-                <span class="material-icons">edit</span>
+                <Tooltip display="Edit Name" :direction="Direction.Left" class="info">
+                    <span class="material-icons">edit</span>
+                </Tooltip>
             </button>
             <DangerButton
                 :disabled="isActive"
                 @click="emit('delete')"
                 @confirmingChanged="value => (isConfirming = value)"
             >
-                <span class="material-icons" style="margin: -2px">delete</span>
+                <Tooltip display="Delete" :direction="Direction.Left" class="info">
+                    <span class="material-icons" style="margin: -2px">delete</span>
+                </Tooltip>
             </DangerButton>
         </div>
         <div class="actions" v-else>
             <button @click="changeName" class="button">
-                <span class="material-icons">check</span>
+                <Tooltip display="Save" :direction="Direction.Left" class="info">
+                    <span class="material-icons">check</span>
+                </Tooltip>
             </button>
             <button @click="isEditing = !isEditing" class="button">
-                <span class="material-icons">close</span>
+                <Tooltip display="Cancel" :direction="Direction.Left" class="info">
+                    <span class="material-icons">close</span>
+                </Tooltip>
             </button>
         </div>
         <div class="details" v-if="save.error == undefined && !isEditing">
@@ -58,7 +70,9 @@
 </template>
 
 <script setup lang="ts">
+import Tooltip from "features/tooltips/Tooltip.vue";
 import player from "game/player";
+import { Direction } from "util/common";
 import { computed, ref, toRefs, watch } from "vue";
 import DangerButton from "./fields/DangerButton.vue";
 import FeedbackButton from "./fields/FeedbackButton.vue";
diff --git a/src/features/tooltips/Tooltip.vue b/src/features/tooltips/Tooltip.vue
index 3274b0d..1b7d5c1 100644
--- a/src/features/tooltips/Tooltip.vue
+++ b/src/features/tooltips/Tooltip.vue
@@ -120,6 +120,7 @@ export default defineComponent({
     position: relative;
     --xoffset: 0px;
     --yoffset: 0px;
+    text-shadow: none !important;
 }
 
 .tooltip,