[Feature request] Drag and Drop Items to Lists

[MikeKMiller]

It would be helpful for organization to allow drag and drop from the main bookmark view to lists on the left menu. This would allow quickly moving items into the lists, versus the current (Click the 3 dots, Click Add to List, Click to select a List, Click Save)

[kamtschatka]

I created a POC for that.
I added a special handle for dragging the item around, to avoid people dragging and dropping everything all the time:

Then you simply drag it to the side and drop it on a list (I have excluded "Archive" and "Favourite" here, but idk)

Opinions?

[MohamedBassem]

@kamtschatka you seem to have became an expert in drag and dropping! I like the feature! I think one thing that would make it look nicer is that when you're dragging the bookmark instead of changing the opacity, we can just replace the bookmark card with something simpler (e.g. a title only card for example).

[kamtschatka]

I have pushed all my changes to a branch, that makes this in theory possible (i am able to change the dragged element, when it is dragged), but I am not skilled enough to get that to work^^
When you start dragging, it changes appearance, but that means:

• The new (smaller) div will be at the same top/left coordinates the previous div was --> the mouse cursor is not even on the element anymore. No idea how to fix that ^^
• Funnily the next bookmark will move into the new space. That will cause an image to be directly below the mouse, which will then start dragging the image, which will then cause the UI to show the "Drop your image" overlay, to upload images.... Also no idea how to fix that^^

[kamtschatka]

OK, got something working, looks like this now:

[MohamedBassem]

@kamtschatka looks amazing <3 Will review the PR hopefully either today or tomorrow. Thank you!