summaryrefslogtreecommitdiffstats
path: root/web_src/js/features
diff options
context:
space:
mode:
authorsilverwind <me@silverwind.io>2024-03-28 00:20:38 +0100
committerGitHub <noreply@github.com>2024-03-28 00:20:38 +0100
commit7fda109aba6cd077343edef086b2f2ff60124f78 (patch)
tree3b0bbc3fac9635c1ac6056655a2641fd5dd11387 /web_src/js/features
parentb08c7afe5f60075ed62a5ffe034b88624983d007 (diff)
downloadgitea-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.js2
-rw-r--r--web_src/js/features/repo-projects.js5
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,