ClipFusion-org/clipfusion
1
1
Fork 0
mirror of https://github.com/ClipFusion-org/clipfusion.git synced 2025-08-04 04:25:08 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

some fiinal touches to swipe to delete

Browse Source
This commit is contained in:
corgifist 2025-08-03 14:34:35 +03:00
parent 096ff7dfec
commit 41dab6701c
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/globals.css
View File

@ -75,7 +75,8 @@ main {
.no-scroll {
overflow: hidden;
height: 100vh; /* Optional, but often recommended for full-page scroll prevention */
height: 100%; /* Optional, but often recommended for full-page scroll prevention */
touch-action: none;
}
.dark body {

7
src/components/swipe-to-delete/SwipeToDelete.tsx
View File

@ -111,13 +111,14 @@ const SwipeToDelete: FC<SwipeToDeleteProps> = ({
isSticky ||
velocity < -1000;
setAllowOverscroll(false);
document.body.classList.remove('no-scroll');
if (!shouldDelete) {
content.current?.classList.add('ios-ease');
text.current?.classList.add('ios-ease');
document.body.classList.remove('no-scroll');
const textWidth = text.current ? text.current.getBoundingClientRect().width : 0;
if (((velocity < 0 && Math.abs(velocity) > 10) || dragX < -textWidth * 1.5 && velocity > 0) && text.current && (dragX === 0 ? Math.abs(velocityY) < 5 : true)) {
if (((velocity < 0 && Math.abs(velocity) > 10) || dragX < -textWidth * 1.5 && velocity > 0) && text.current && (Math.abs(dragX) < 30 ? Math.abs(velocityY) < 5 : true)) {
setDragX(-textWidth * 1.5);
} else if (allowOverscroll && dragX > 0) {
setDragX(0);
@ -201,7 +202,7 @@ const SwipeToDelete: FC<SwipeToDeleteProps> = ({
node.removeEventListener("mousemove", handleMouseMove);
node.removeEventListener("mouseup", handleEnd);
}
}, [dragging, dragX, velocity, container]);
}, [dragging, dragX, velocity, velocityY, container]);
const deleteTransform = isCollapsing
? `translateX(calc(${dragX}px + 5rem))`