thepaperpilot/Profectus
1
0
Fork 0
forked from profectus/Profectus
Code Pull requests Activity Actions

Fixed tooltips' classes and style props

Browse source
This commit is contained in:
thepaperpilot 2022-04-23 21:23:51 -05:00
parent 8add09841e
commit ba2bb3a5fd
1 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/features/tooltips/Tooltip.vue
View file

@ -1,11 +1,10 @@
<template> <template>
<div <div
class="tooltip-container" class="tooltip-container"
:class="{ shown: isShown, ...unref(classes) }" :class="{ shown: isShown }"
@mouseenter="isHovered = true" @mouseenter="isHovered = true"
@mouseleave="isHovered = false" @mouseleave="isHovered = false"
@click.capture="togglePinned" @click.capture="togglePinned"
:style="unref(style)"
> >
<slot /> <slot />
<component v-if="elementComp" :is="elementComp" /> <component v-if="elementComp" :is="elementComp" />
@ -17,12 +16,16 @@
top: unref(direction) === TooltipDirection.UP, top: unref(direction) === TooltipDirection.UP,
left: unref(direction) === TooltipDirection.LEFT, left: unref(direction) === TooltipDirection.LEFT,
right: unref(direction) === TooltipDirection.RIGHT, right: unref(direction) === TooltipDirection.RIGHT,
bottom: unref(direction) === TooltipDirection.DOWN bottom: unref(direction) === TooltipDirection.DOWN,
}" ...unref(classes)
:style="{
'--xoffset': unref(xoffset) || '0px',
'--yoffset': unref(yoffset) || '0px'
}" }"
:style="[
{
'--xoffset': unref(xoffset) || '0px',
'--yoffset': unref(yoffset) || '0px'
},
unref(style) ?? {}
]"
> >
<span v-if="showPin" class="material-icons pinned">push_pin</span> <span v-if="showPin" class="material-icons pinned">push_pin</span>
<component v-if="comp" :is="comp" /> <component v-if="comp" :is="comp" />
@ -142,6 +145,10 @@ export default defineComponent({
word-break: break-word; word-break: break-word;
} }
.tooltip :deep(hr) {
margin: var(--feature-margin) 0;
}
.shown { .shown {
z-index: 10; z-index: 10;
} }