Skip to content

Add swipe gestures for mobile calendar navigation - #5

Open
laurisvr wants to merge 2 commits into
kolab-roundcube-plugins-mirror:masterfrom
laurisvr:swipe-gestures
Open

Add swipe gestures for mobile calendar navigation#5
laurisvr wants to merge 2 commits into
kolab-roundcube-plugins-mirror:masterfrom
laurisvr:swipe-gestures

Conversation

@laurisvr

Copy link
Copy Markdown

This adds touch swipe support for navigating the calendar on mobile devices.

Swiping left/right moves to the next/previous week (or appropriate range in other views). I tried to make it feel native - there's a rubber-band effect as you drag, little arrows that fade in at the screen edges to show which way you're going, and a smooth slide animation when the view changes. If you don't swipe far enough it just snaps back.

It won't interfere with existing interactions - swipes starting on events, buttons, dialogs etc are ignored, and if you start scrolling vertically it cancels the gesture.

Tested on Android Firefox & Chromium.

Lauris added 2 commits January 21, 2026 21:53
- Swipe left for next period, right for previous
- Visual feedback with edge arrows and drag animation
- Rubber-band effect and slide transitions
- Respects existing event drag/drop interactions
- Add edge hint arrows that fade in while swiping
- Add rubber-band drag effect following finger movement
- Add slide transition animation on view change
- Add snap-back animation when swipe threshold not met
- Fix vertical scroll detection to cancel swipe early
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant