@jsenv/navi 0.29.338 → 0.29.340
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/dist/dev/jsenv_navi.js +94 -54
- package/dist/dev/jsenv_navi.js.map +4 -4
- package/dist/jsenv_navi.js +88 -50
- package/dist/jsenv_navi.js.map +4 -4
- package/docs/popup_lift.md +12 -4
- package/package.json +1 -1
package/docs/popup_lift.md
CHANGED
|
@@ -98,16 +98,24 @@ Two traps, both about the thumbnail:
|
|
|
98
98
|
|
|
99
99
|
## The lifted node paints itself
|
|
100
100
|
|
|
101
|
-
The moving box wears the lifted node's background
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
101
|
+
The moving box wears the lifted node's background for the length of the
|
|
102
|
+
movement, so where the box has grown past the picture it carries, it is the
|
|
103
|
+
card that has grown. That paint is read off `data-lift` — and, when that node
|
|
104
|
+
paints nothing, off the first descendant that has its box and paints.
|
|
105
105
|
|
|
106
106
|
So a transparent wrapper around the card is fine, and a card whose colour
|
|
107
107
|
lives on a nested element of a different size is not: publish the colour on
|
|
108
108
|
the box that is the card. A gradient or an image travels as well
|
|
109
109
|
(`background-image`), a shadow does not.
|
|
110
110
|
|
|
111
|
+
Corners are not paint: they are written per box, on purpose — the same card at
|
|
112
|
+
two sizes does not want the same round, a 6px corner stops showing on a big
|
|
113
|
+
card. The moving box leaves with the corners of the box it leaves and arrives
|
|
114
|
+
with those of the box it arrives on, the two authored values interpolated on
|
|
115
|
+
the movement's own clock. Each end's corners are the first round found going
|
|
116
|
+
down through the nodes that are that box, so a bare trigger carrying its
|
|
117
|
+
corners itself, or on the card inside it, reads the same.
|
|
118
|
+
|
|
111
119
|
## Same width, or a wider box
|
|
112
120
|
|
|
113
121
|
`dialogSizeFromAnchor` makes the trigger's box a floor for the dialog;
|