@jsenv/navi 0.29.374 → 0.29.376
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 +17 -4
- package/dist/dev/jsenv_navi.js.map +4 -4
- package/dist/jsenv_navi.js +17 -4
- package/dist/jsenv_navi.js.map +4 -4
- package/package.json +1 -1
package/dist/jsenv_navi.js
CHANGED
|
@@ -55520,7 +55520,7 @@ const css$F = /* css */`@property --slide-travel-progress {
|
|
|
55520
55520
|
min-height: 0;
|
|
55521
55521
|
display: grid;
|
|
55522
55522
|
position: relative;
|
|
55523
|
-
overflow:
|
|
55523
|
+
overflow: clip;
|
|
55524
55524
|
|
|
55525
55525
|
&:focus {
|
|
55526
55526
|
outline: none;
|
|
@@ -68626,8 +68626,17 @@ const useListScrollSync = ({
|
|
|
68626
68626
|
// The list is holding itself somewhere; that is what owns the scroll.
|
|
68627
68627
|
return;
|
|
68628
68628
|
}
|
|
68629
|
+
const scrollerEl = getScroller();
|
|
68630
|
+
if (scrollerEl && (horizontal ? scrollerEl.scrollLeft : scrollerEl.scrollTop) === 0) {
|
|
68631
|
+
// A scroller at its start has nothing above the view to keep still, and
|
|
68632
|
+
// rows landing above the first one are what a list read from its start
|
|
68633
|
+
// (a journal newest first, a feed) is there to show: holding the row on
|
|
68634
|
+
// top would scroll past them. The browser's own scroll anchoring makes
|
|
68635
|
+
// the same exception at offset 0.
|
|
68636
|
+
return;
|
|
68637
|
+
}
|
|
68629
68638
|
anchorRef.current = captureScrollAnchor({
|
|
68630
|
-
scrollerEl
|
|
68639
|
+
scrollerEl,
|
|
68631
68640
|
listEl: getListEl(),
|
|
68632
68641
|
items: listRows.visibleItemsSignal.peek(),
|
|
68633
68642
|
horizontal
|
|
@@ -85614,7 +85623,10 @@ const css$8 = /* css */`@layer navi {
|
|
|
85614
85623
|
background-color: var(--x-fill-color);
|
|
85615
85624
|
border-width: var(--border-width);
|
|
85616
85625
|
border-radius: inherit;
|
|
85617
|
-
clip-path: inset(0
|
|
85626
|
+
clip-path: inset(0
|
|
85627
|
+
calc(100% - var(--border-width) - var(--x-fill-ratio, 0) *
|
|
85628
|
+
(100% - var(--border-width) * 2))
|
|
85629
|
+
0 0);
|
|
85618
85630
|
border-style: solid;
|
|
85619
85631
|
border-color: #0000;
|
|
85620
85632
|
position: absolute;
|
|
@@ -85662,7 +85674,8 @@ const css$8 = /* css */`@layer navi {
|
|
|
85662
85674
|
|
|
85663
85675
|
&[data-fill-round] {
|
|
85664
85676
|
& .navi_meter_fill {
|
|
85665
|
-
width: calc(var(--x-fill-ratio) * 100%)
|
|
85677
|
+
width: calc(var(--x-fill-ratio) * (100% - var(--border-width) * 2) +
|
|
85678
|
+
var(--border-width) * 2);
|
|
85666
85679
|
clip-path: unset;
|
|
85667
85680
|
}
|
|
85668
85681
|
}
|