From 0ead4e8ce03f5dbb38a2904ec42d451d215a301c Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Fri, 20 May 2022 00:51:37 -0500
Subject: [PATCH] Made slider tooltips appear below the slider

---
 src/components/fields/Slider.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/fields/Slider.vue b/src/components/fields/Slider.vue
index a6371e8..0dc3de4 100644
--- a/src/components/fields/Slider.vue
+++ b/src/components/fields/Slider.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="field">
         <span class="field-title" v-if="title">{{ title }}</span>
-        <Tooltip :display="`${value}`" :class="{ fullWidth: !title }">
+        <Tooltip :display="`${value}`" :class="{ fullWidth: !title }" :direction="Direction.Down">
             <input type="range" v-model="value" :min="min" :max="max" />
         </Tooltip>
     </div>
@@ -11,6 +11,7 @@
 import { computed, toRefs, unref } from "vue";
 import Tooltip from "features/tooltips/Tooltip.vue";
 import "components/common/fields.css";
+import { Direction } from "util/common";
 
 const _props = defineProps<{
     title?: string;