diff options
Diffstat (limited to 'src/lib/layout/GlobalTooltip.svelte')
| -rw-r--r-- | src/lib/layout/GlobalTooltip.svelte | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/src/lib/layout/GlobalTooltip.svelte b/src/lib/layout/GlobalTooltip.svelte new file mode 100644 index 0000000..aeb2027 --- /dev/null +++ b/src/lib/layout/GlobalTooltip.svelte @@ -0,0 +1,31 @@ +<script lang="ts"> + import { onMouseMove, setTooltipEl } from '$lib/GlobalTooltip' + + let tooltipEl: HTMLDivElement + $: setTooltipEl(tooltipEl) +</script> + +<svelte:window on:mousemove={onMouseMove} /> +<div id="global-tooltip" style="display: none" bind:this={tooltipEl} /> + +<style> + #global-tooltip { + position: absolute; + user-select: none; + pointer-events: none; + overflow: hidden; + z-index: 100; + background-color: #0a0a0aee; + padding: 0 0.25rem; + border-radius: 3px; + box-shadow: 0 0 0 3px #206, 0 0 0 6px #000; + font-family: Minecraft; + white-space: nowrap; + } + #global-tooltip :global(p) { + margin: 0; + } + #global-tooltip :global(.item-lore-name) { + margin-bottom: 0.5em; + } +</style> |