diff options
author | silverwind <me@silverwind.io> | 2024-03-28 00:20:38 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-03-28 00:20:38 +0100 |
commit | 7fda109aba6cd077343edef086b2f2ff60124f78 (patch) | |
tree | 3b0bbc3fac9635c1ac6056655a2641fd5dd11387 /web_src/js/features | |
parent | b08c7afe5f60075ed62a5ffe034b88624983d007 (diff) | |
download | gitea-7fda109aba6cd077343edef086b2f2ff60124f78.tar.gz gitea-7fda109aba6cd077343edef086b2f2ff60124f78.zip |
Drag-and-drop improvements for projects and issue pins (#29875)
1. Add "grabbing" cursor while dragging items:
![](https://github.com/go-gitea/gitea/assets/115237/c60845ff-7544-4215-aeaa-408e8c4ef03a)
2. Make project board only drag via their header, not via their whole
body.
![](https://github.com/go-gitea/gitea/assets/115237/62c27f3d-993a-481d-9cc3-b6226b4c5d61)
3. Fix some cursor problems in projects
4. Move shared options into `createSortable`.
Diffstat (limited to 'web_src/js/features')
-rw-r--r-- | web_src/js/features/repo-issue-list.js | 2 | ||||
-rw-r--r-- | web_src/js/features/repo-projects.js | 5 |
2 files changed, 1 insertions, 6 deletions
diff --git a/web_src/js/features/repo-issue-list.js b/web_src/js/features/repo-issue-list.js index 9681e648d5..4582f87425 100644 --- a/web_src/js/features/repo-issue-list.js +++ b/web_src/js/features/repo-issue-list.js @@ -188,8 +188,6 @@ async function initIssuePinSort() { createSortable(pinDiv, { group: 'shared', - animation: 150, - ghostClass: 'card-ghost', onEnd: pinMoveEnd, }); } diff --git a/web_src/js/features/repo-projects.js b/web_src/js/features/repo-projects.js index 1747cb2b3a..d9ae85a8d2 100644 --- a/web_src/js/features/repo-projects.js +++ b/web_src/js/features/repo-projects.js @@ -58,8 +58,7 @@ async function initRepoProjectSortable() { createSortable(mainBoard, { group: 'project-column', draggable: '.project-column', - animation: 150, - ghostClass: 'card-ghost', + handle: '.project-column-header', delayOnTouchOnly: true, delay: 500, onSort: async () => { @@ -86,8 +85,6 @@ async function initRepoProjectSortable() { const boardCardList = boardColumn.getElementsByClassName('cards')[0]; createSortable(boardCardList, { group: 'shared', - animation: 150, - ghostClass: 'card-ghost', onAdd: moveIssue, onUpdate: moveIssue, delayOnTouchOnly: true, |