SlateFoundation / slate-cbl

http://slatefoundation.github.io/slate-cbl/
MIT License
7 stars 7 forks source link

Implement drag-and-drop movement of demonstration-skills between portfolios/levels #740

Closed themightychris closed 2 years ago

themightychris commented 2 years ago

Currently, you can use the up/down arrow buttons to move a demonstration-skill record between portfolios.

Screen Shot 2022-11-15 at 3 03 56 PM

It is intended that you should also be able to grab one of the rows via the grey bar (to be restyled in #739) to drop into another portfolio, potentially skipping by multiple. Once you pick up a row, the available drop targets should be all other portfolios on the screen. The target can only be a portfolio as a whole, there is no value in being able to see or target any particular elements or positions within each portfolio. Therefor it has been suggested that when the drag starts, a CSS class be applied to the overall sidebar indicating that the panel is in drop mode, which will switch the UI into a state where every portfolio is reduced to a simple mid-sized drop target such that you can see all of them on the screen at once, and the only exposed detail for each needs to be the color and year/level number. The existing portfolio or outside any other hit target would cancel the drop, and any other portfolios would be valid drop targets.

Ryon can refine the styling later, an initial pass that puts CSS classes in the right places and comes with enough styling to make the interaction obvious is sufficient to close this ticket.