github-starred/vikunja
2
0
Fork 0
mirror of https://github.com/go-vikunja/vikunja.git synced 2026-05-06 11:37:49 -05:00
Code Issues 690 Packages Projects Releases 11 Wiki Activity

[PR #2286] [MERGED] fix(tasks): show drag handle icon on mobile devices #5577

New Issue
Closed
opened 2026-04-16 13:42:56 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-04-16 13:42:56 -05:00
Owner
Copy Link

📋 Pull Request Information

Original PR: https://github.com/go-vikunja/vikunja/pull/2286
Author: @kolaente
Created: 2/24/2026
Status: ✅ Merged
Merged: 2/24/2026
Merged by: @kolaente

Base: main ← Head: fix-mobile-drag-handle

📝 Commits (9)

  • fef9eed fix(tasks): show drag handle icon on mobile devices
  • dc7200c fix(tasks): make drag handle the actual drag target on touch devices
  • 51d4eef fix(kanban): show drag handle icon on mobile devices
  • ade8d4f Revert "fix(kanban): show drag handle icon on mobile devices"
  • a38ed2d fix(kanban): enable long-press drag on mobile/touch devices
  • f773a77 fix(kanban): use touch-action: none for mobile drag
  • 3a22546 fix(kanban): add invisible touch drag overlay on mobile
  • 5dd874e fix(kanban): prevent text selection on cards on mobile
  • 121cc4a fix(kanban): preserve tap-to-open and scroll on mobile

📊 Changes

2 files changed (+84 additions, -3 deletions)

View changed files

📝 frontend/src/components/project/views/ProjectKanban.vue (+55 -0)
📝 frontend/src/components/project/views/ProjectList.vue (+29 -3)

📄 Description

Summary

  • Adds a grip-lines icon to task rows in the list view, visible only on touch/mobile devices
  • Uses @media (hover: hover) and (pointer: fine) to hide the handle on desktop
  • The whole row remains draggable on all devices — the icon is purely a visual affordance

Resolves #2228

Test plan

  • On a mobile device or using Chrome DevTools device emulation, verify the grip-lines icon appears to the left of each task
  • On desktop with a mouse, verify the icon is hidden
  • Verify drag-and-drop still works on both mobile and desktop
  • Verify the handle only appears when the user has write permissions (i.e. canDragTasks is true)

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/go-vikunja/vikunja/pull/2286 **Author:** [@kolaente](https://github.com/kolaente) **Created:** 2/24/2026 **Status:** ✅ Merged **Merged:** 2/24/2026 **Merged by:** [@kolaente](https://github.com/kolaente) **Base:** `main` ← **Head:** `fix-mobile-drag-handle` --- ### 📝 Commits (9) - [`fef9eed`](https://github.com/go-vikunja/vikunja/commit/fef9eedbc440a0b56b2abdc37e84f1b76ae15000) fix(tasks): show drag handle icon on mobile devices - [`dc7200c`](https://github.com/go-vikunja/vikunja/commit/dc7200cad9acc1f9437af19d8ea7bc5ce8e19ed2) fix(tasks): make drag handle the actual drag target on touch devices - [`51d4eef`](https://github.com/go-vikunja/vikunja/commit/51d4eefd5eca46a0390a26e75e6438c0722f5f32) fix(kanban): show drag handle icon on mobile devices - [`ade8d4f`](https://github.com/go-vikunja/vikunja/commit/ade8d4fd3aeb09f2c72af17e9f87702695c2e830) Revert "fix(kanban): show drag handle icon on mobile devices" - [`a38ed2d`](https://github.com/go-vikunja/vikunja/commit/a38ed2da07517fd3ccd7a9bcfafc5eb744e6441f) fix(kanban): enable long-press drag on mobile/touch devices - [`f773a77`](https://github.com/go-vikunja/vikunja/commit/f773a773a892617ec4d1fdf2f1972c9b295dfbe4) fix(kanban): use touch-action: none for mobile drag - [`3a22546`](https://github.com/go-vikunja/vikunja/commit/3a22546a3689ad932bfbf09372a28b83bc36a559) fix(kanban): add invisible touch drag overlay on mobile - [`5dd874e`](https://github.com/go-vikunja/vikunja/commit/5dd874ed54eb6b81dd7f42b21e89e0fddc6033da) fix(kanban): prevent text selection on cards on mobile - [`121cc4a`](https://github.com/go-vikunja/vikunja/commit/121cc4a74e1e596541d10492b676205b7eb8b691) fix(kanban): preserve tap-to-open and scroll on mobile ### 📊 Changes **2 files changed** (+84 additions, -3 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/project/views/ProjectKanban.vue` (+55 -0) 📝 `frontend/src/components/project/views/ProjectList.vue` (+29 -3) </details> ### 📄 Description ## Summary - Adds a `grip-lines` icon to task rows in the list view, visible only on touch/mobile devices - Uses `@media (hover: hover) and (pointer: fine)` to hide the handle on desktop - The whole row remains draggable on all devices — the icon is purely a visual affordance Resolves #2228 ## Test plan - [x] On a mobile device or using Chrome DevTools device emulation, verify the grip-lines icon appears to the left of each task - [x] On desktop with a mouse, verify the icon is hidden - [x] Verify drag-and-drop still works on both mobile and desktop - [x] Verify the handle only appears when the user has write permissions (i.e. `canDragTasks` is true) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-16 13:42:56 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
area/api
area/attachments
area/auth
area/avatars
area/backup-restore
area/caldav
area/calendar-view
area/comments
area/config
area/database
area/desktop
area/docker
area/email
area/favorites
area/filters
area/frontend
area/gantt
area/i18n
area/import-export
area/internal-code
area/kanban
area/labels
area/list-view
area/mobile
area/notifications
area/permissions
area/projects
area/pwa
area/recurring-tasks
area/reminders
area/search
area/shortcuts
area/subtasks
area/sync
area/table-view
area/task-editor
area/task-metadata
area/task-relations
area/teams
area/theming
area/time-tracking
area/typesense
area/views
area/webhooks
bug
changes requested
concern/accessibility
concern/performance
concern/regression
concern/ux
confirmed
db/mysql
dependencies
enhancement
good first issue
help wanted
integration/inbound
integration/outbound
kind/bug
kind/feature
needs reproduction
pull-request
Mirrored from GitHub Pull Request
 question
security
support
upstream issue
waiting for reply
wontfix
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#5577
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?