Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Adds a target area when dragging cards between lists. Implemented using CSS styles to display the card's target location while dragging based on the
monitor.isOver()
functionality in React DnD.A CSS based solution like this can't handle all the edge cases, like dragging cards to an empty list.
But it does handle the primary one of dragging cards around within a list and between lists very well. It works well with the CSS transition and creates a nice overall effect.
This revealed two existing drag and drop behaviors which are unrelated to these changes:
This PR doesn't attempt to tackle either of these issues.
Hope this code helps, this is a great learning project and really shows off the power of both Phoenix + Elixir and React + Redux!