domi/forgejo-domi
1
0
Fork 0
forked from forgejo/forgejo
Code Pull requests Activity

Drag-and-drop improvements for projects and issue pins (#29875)

Browse source 
1. Add "grabbing" cursor while dragging items:

![](c60845ff-7544-4215-aeaa-408e8c4ef03a)

2. Make project board only drag via their header, not via their whole
body.

![](62c27f3d-993a-481d-9cc3-b6226b4c5d61)

3. Fix some cursor problems in projects
4. Move shared options into `createSortable`.

(cherry picked from commit 7fda109aba6cd077343edef086b2f2ff60124f78)
This commit is contained in:
silverwind 2024-03-28 00:20:38 +01:00 • committed by Earl Warren
parent c5ac296cd9
commit 47c61f909c
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00
6 changed files with 27 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

19
web_src/js/modules/sortable.js
View file

@ -1,4 +1,19 @@
export async function createSortable(...args) {
export async function createSortable(el, opts = {}) {
const {Sortable} = await import(/* webpackChunkName: "sortablejs" */'sortablejs');
return new Sortable(...args);
return new Sortable(el, {
animation: 150,
ghostClass: 'card-ghost',
onChoose: (e) => {
const handle = opts.handle ? e.item.querySelector(opts.handle) : e.item;
handle.classList.add('tw-cursor-grabbing');
opts.onChoose?.(e);
},
onUnchoose: (e) => {
const handle = opts.handle ? e.item.querySelector(opts.handle) : e.item;
handle.classList.remove('tw-cursor-grabbing');
opts.onUnchoose?.(e);
},
...opts,
});
}