wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-13 11:50:56 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Show Tooltip on mousemove (#225)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-09-28 18:08:48 +03:00 committed by GitHub
parent 75c90a3d6c
commit 1c59ea4ac3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/ui/src/components/Tooltip.svelte
View File

@ -16,7 +16,7 @@
<script lang="ts">
import type { IntlString } from '@anticrm/platform'
import type { TooltipAligment, AnySvelteComponent, AnyComponent } from '..'
import { showTooltip } from '..'
import { tooltipstore as tooltip, showTooltip } from '..'
export let label: IntlString | undefined
export let direction: TooltipAligment | undefined
@ -24,13 +24,15 @@
export let props: any | undefined = undefined
let triggerHTML: HTMLElement
let shown: boolean = false
$: shown = ($tooltip.label || $tooltip.component) ? true : false
</script>
<div
class="tooltip-trigger"
bind:this={triggerHTML}
on:mouseenter={() => {
showTooltip(label, triggerHTML, direction, component, props)
on:mousemove={() => {
if (!shown) showTooltip(label, triggerHTML, direction, component, props)
}}
>
<slot />