Cell drag and drop

Cells that can be dragged and dropped require the following visual treatments:

  • Hover:

    • background highlight (“selected”) light blue
    • revealing of interactive elements, e.g. the drag handle icon (top left / top right depending on context)
  • Drag:

    • high elevation drop shadow
    • ghosted version of the cell in it’s original position
    • round corners of the dragged cell
    • matching rounded corner “drop” wells with dashed lines, indicating available release areas