scrumlr.io icon indicating copy to clipboard operation
scrumlr.io copied to clipboard

Reorder notes within board view

Open timengel opened this issue 2 years ago • 4 comments

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.

JUST LIKE THIS EXAMPLE!

timengel avatar May 20 '22 12:05 timengel

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. image

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. image

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

timengel avatar May 24 '22 15:05 timengel

Design template: image

timengel avatar May 30 '22 13:05 timengel

@Kraft16 is this design still up-to-date? :)

CronJorian avatar Sep 30 '22 07:09 CronJorian

@CronJorian no, this design is not relevant.

Kraft-16 avatar Sep 30 '22 10:09 Kraft-16

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.

brandstetterm avatar Mar 31 '23 10:03 brandstetterm