amiirkhl/my-protfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: correct RTL project drag direction
Some checks failed
Test and deploy / Verify production build (push) Has been cancelled
Details
Test and deploy / Deploy production (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-09-08 23:09:23 +03:30
parent b682d2de32
commit 9143ba8504
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ProjectsSection.tsx
View File

@@ -158,9 +158,10 @@ export const ProjectsSection = ({ locale }: { locale: Locale }) => {
dragState.current.lastTime = now;
if (Math.abs(deltaX) > 4) dragState.current.moved = true;
const dragDirection = isRtl ? 1 : -1;
setLogicalScrollLeft(
viewport,
dragState.current.startLogicalScrollLeft - deltaX,
dragState.current.startLogicalScrollLeft + deltaX * dragDirection,
isRtl,
);
}
@@ -205,7 +206,11 @@ export const ProjectsSection = ({ locale }: { locale: Locale }) => {
const currentScroll = getLogicalScrollLeft(viewport, isRtl);
let targetIndex: number;
if (Math.abs(velocity) > 0.2 || Math.abs(totalDeltaX) > cardWidth * 0.18) {
if (totalDeltaX < 0 || velocity < -0.2) {
const isForwardGesture = isRtl
? totalDeltaX > 0 || velocity > 0.2
: totalDeltaX < 0 || velocity < -0.2;
if (isForwardGesture) {
targetIndex = Math.ceil(currentScroll / step);
} else {
targetIndex = Math.floor(currentScroll / step);