agw/Weircon-wind
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

weirsoe-ui.js: mobile drag lifts a floating clone + wider auto-scroll zone

Browse Source 
Touch drag now lifts the card into a position:fixed .wt-drag-clone (shadow +
scale) that follows the finger, with a dimmed placeholder reordering underneath
— reads as actually moving the card. Edge auto-scroll zone widened to 130px with
a minimum speed so it reliably scrolls on mobile.
This commit is contained in:
Asger Geel Weirsøe
2026-06-14 18:40:00 +02:00
parent a04a3c0970
commit 4388f02f18
2 changed files with 44 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
weirsoe-theme.css
+9 -1
View File
@@ -170,7 +170,15 @@ body::before {
}
.drag-handle:active { cursor: grabbing; }
[data-wt-sortable] > [data-item-id] { cursor: default; }
.wt-dragging { opacity: 0.45; }
.wt-dragging { opacity: 0.4; }
/* The floating clone that follows the finger on touch (the "popped-out" card). */
.wt-drag-clone {
position: fixed; left: 0; top: 0; z-index: 9999;
margin: 0 !important; pointer-events: none; will-change: transform;
border-radius: var(--wt-radius);
box-shadow: 0 18px 46px #000000aa;
opacity: 0.98; transition: none;
}
/* Pill chip / tag-link (e.g. blog tags) */
.wt-chip {