diff options
| author | mat <github@matdoes.dev> | 2022-02-21 00:56:55 -0600 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-02-21 00:56:55 -0600 |
| commit | 34fcffb95db91bc1db80a00af4cf9d1007a9f575 (patch) | |
| tree | 79b770b455b7468de31eded91da0d45fc172fd9f /src/lib/layout/GlobalTooltip.svelte | |
| parent | 13e5974114f759bae73f3bfd68c62ce9cfaf785e (diff) | |
| download | skyblock-stats-34fcffb95db91bc1db80a00af4cf9d1007a9f575.tar.gz skyblock-stats-34fcffb95db91bc1db80a00af4cf9d1007a9f575.tar.bz2 skyblock-stats-34fcffb95db91bc1db80a00af4cf9d1007a9f575.zip | |
add minions and loader thing
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> |