B_005_R3 HCP Card drag and drop UI

Background

This issue originates from a Zammad Ticket by Alissa and was partially implemented in this ticket #673 (closed). The cards on the HCP interface can be moved from one category to another. We want to add in the possibility for the cards to be put in a different order within the therapy focus categories. This is important clinically as some questions are best done in a certain order.

What to do

• On card selected, Dropshadow color is changed: HCP Create
• On hover over other cards, horizontal line added between the 2 cards
  • Category lane background color change on hover removed
• On hover, other cards are moved right 1 card space in the intended lane for the question
  • Please discuss with Katrin when the animation is investigated and what is possible/difficult is known
• Drag and Drop on desktop and tablet is possible
  • On mobile drag and drop is not functional
• Make sure this doesn't effect the PAT answering cards
• Please add any required unit tests
• Please check that no e2e tests are affected and fix them

figma

figma