duet-ui 0.2.4 → 0.2.5
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/duet.css +4 -0
- package/package.json +1 -1
package/dist/duet.css
CHANGED
|
@@ -228,6 +228,10 @@ html:has(> body .duet-scroller), html:has(> body .duet-scroller) > body { height
|
|
|
228
228
|
edge, so there the scroller is an in-document box that runs on under the column. The document still never
|
|
229
229
|
scrolls, so the chrome layer never moves. */
|
|
230
230
|
html[data-duet-mode="column"] .duet-scroller { position: absolute; width: calc(100% + var(--duet-inset-right)); bottom: auto; height: calc(100% + var(--duet-inset-bottom)); }
|
|
231
|
+
/* That overflow widens the document, and touch-action on <html> stops at this scroll container, so without its own
|
|
232
|
+
a sideways swipe pans the whole page, chrome and all, into the column. Carousels inside are scrollers of their own
|
|
233
|
+
and still pan. */
|
|
234
|
+
html[data-duet-mode="column"] .duet-scroller { touch-action: pan-y; }
|
|
231
235
|
/* Safari's URL pill floats under the page's bottom edge: the scroller runs on under it (above) and this spacer lets
|
|
232
236
|
the last content scroll clear of it. */
|
|
233
237
|
.duet-scroller::after { content: ""; display: block; height: var(--duet-inset-bottom, 0px); }
|
package/package.json
CHANGED