mirror of
https://github.com/go-gitea/gitea
synced 2024-08-16 12:20:59 +02:00
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`.
20 lines
616 B
JavaScript
20 lines
616 B
JavaScript
export async function createSortable(el, opts = {}) {
|
|
const {Sortable} = await import(/* webpackChunkName: "sortablejs" */'sortablejs');
|
|
|
|
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,
|
|
});
|
|
}
|