From ba2bb3a5fded4155f90e93c885e31bbe95748202 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sat, 23 Apr 2022 21:23:51 -0500
Subject: [PATCH] Fixed tooltips' classes and style props
---
src/features/tooltips/Tooltip.vue | 21 ++++++++++++++-------
1 file changed, 14 insertions(+), 7 deletions(-)
diff --git a/src/features/tooltips/Tooltip.vue b/src/features/tooltips/Tooltip.vue
index 133c139..618d5b3 100644
--- a/src/features/tooltips/Tooltip.vue
+++ b/src/features/tooltips/Tooltip.vue
@@ -1,11 +1,10 @@
<template>
<div
class="tooltip-container"
- :class="{ shown: isShown, ...unref(classes) }"
+ :class="{ shown: isShown }"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
@click.capture="togglePinned"
- :style="unref(style)"
>
<slot />
<component v-if="elementComp" :is="elementComp" />
@@ -17,12 +16,16 @@
top: unref(direction) === TooltipDirection.UP,
left: unref(direction) === TooltipDirection.LEFT,
right: unref(direction) === TooltipDirection.RIGHT,
- bottom: unref(direction) === TooltipDirection.DOWN
- }"
- :style="{
- '--xoffset': unref(xoffset) || '0px',
- '--yoffset': unref(yoffset) || '0px'
+ bottom: unref(direction) === TooltipDirection.DOWN,
+ ...unref(classes)
}"
+ :style="[
+ {
+ '--xoffset': unref(xoffset) || '0px',
+ '--yoffset': unref(yoffset) || '0px'
+ },
+ unref(style) ?? {}
+ ]"
>
<span v-if="showPin" class="material-icons pinned">push_pin</span>
<component v-if="comp" :is="comp" />
@@ -142,6 +145,10 @@ export default defineComponent({
word-break: break-word;
}
+.tooltip :deep(hr) {
+ margin: var(--feature-margin) 0;
+}
+
.shown {
z-index: 10;
}