@celestia-island/hikari 0.55.2 → 0.55.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
.hk-node-canvas {
|
|
2
|
+
position: relative;
|
|
3
|
+
width: 100%;
|
|
4
|
+
height: 100%;
|
|
5
|
+
min-width: 0;
|
|
6
|
+
min-height: 0;
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
/* The gesture flags decide this, not the stylesheet: a surface that cannot
|
|
9
|
+
pan or zoom must not eat the page's touch scrolling. The component sets
|
|
10
|
+
`touch-action: none` inline when either gesture is on. */
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.hk-node-canvas[data-pannable] {
|
|
14
|
+
cursor: grab;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.hk-node-canvas[data-pannable]:active {
|
|
18
|
+
cursor: grabbing;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* The transformed layer. `transform-origin: 0 0` is what makes the camera
|
|
22
|
+
maths (`world * k + offset`) agree with what is painted. */
|
|
23
|
+
.hk-node-canvas-layer {
|
|
24
|
+
position: absolute;
|
|
25
|
+
inset: 0;
|
|
26
|
+
transform-origin: 0 0;
|
|
27
|
+
will-change: transform;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/* Overlay chrome (inspectors, rails, HUD) lives in SCREEN coordinates — it
|
|
31
|
+
must not scale with the camera — with pointer events passing through the
|
|
32
|
+
layer and re-enabled per child. */
|
|
33
|
+
.hk-node-canvas-overlay {
|
|
34
|
+
position: absolute;
|
|
35
|
+
inset: 0;
|
|
36
|
+
pointer-events: none;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.hk-node-canvas-overlay > * {
|
|
40
|
+
pointer-events: auto;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.hk-node-canvas-minimap {
|
|
44
|
+
position: absolute;
|
|
45
|
+
z-index: 4;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.hk-node-canvas-minimap[data-placement="bottom-right"] {
|
|
49
|
+
bottom: var(--space-12);
|
|
50
|
+
inset-inline-end: var(--space-12);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.hk-node-canvas-minimap[data-placement="bottom-left"] {
|
|
54
|
+
bottom: var(--space-12);
|
|
55
|
+
inset-inline-start: var(--space-12);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.hk-node-canvas-minimap[data-placement="top-right"] {
|
|
59
|
+
top: var(--space-12);
|
|
60
|
+
inset-inline-end: var(--space-12);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.hk-node-canvas-minimap[data-placement="top-left"] {
|
|
64
|
+
top: var(--space-12);
|
|
65
|
+
inset-inline-start: var(--space-12);
|
|
66
|
+
}
|