blob: 72fccf7662cf09b50093432cad9446d3434c1eae (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
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, 'Atkinson Hyperlegible', sans-serif;
white-space: nowrap;
}
#global-tooltip :global(p) {
margin: 0;
}
#global-tooltip :global(.item-lore-name) {
margin-bottom: 0.5em;
}
</style>
|
