scrumlr.io
scrumlr.io copied to clipboard
Reorder notes within board view
As a moderator I want to reorder notes within the board view by drag & drop.
- [ ] On drag & drop, an indicator should appear at the current drop position (e.g. note-sized placeholder)
We should experiment with animations here and choose what's best.
We have multiple options to implement drag and drop sorting in the board view, two of which are the following:
a) Outer Drop Zones
When a note is dragged, drop zones are displayed at all locations where it can be dropped. Dropping a note on top of another note stacks it with the drop target.
Pro + | Con - |
---|---|
+ Compatible with current d&d note stacking | - List size changes when dragging starts - Might cause problems in the grid view on bigger screens (when multiple notes fit next to each other) |
b) Inner Drop Zones
When a note is dragged, small button-sized drop zones inside of each other note are displayed. Dropping a note on a drop zone stacks it under the drop target. This could be paired with a resize animation.
Dropping (or hovering?) a note on another note moves the drop target out of the way and places the dragged note at the respective location as in DND sorting example.
Pro + | Con - |
---|---|
+ Less movement i.e. more consistency when dragging starts | - Current d&d note stacking has to be changed - Designing drop zones could be difficult so that they do not interfere with dnd sorting |
Design template:
@Kraft16 is this design still up-to-date? :)
@CronJorian no, this design is not relevant.
I think this ticket is blocked until #1859 has been completed. We first have to research and decide which sorting method fits our needs best.