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;