Drag and drop cells

States:

Hover uses the default vanilla hover colour from the respective theme, e.g. #f7f7f7 for the default white theme.

Beginning to drag results in the cell turning blue, using the “selected blue” reserved for selections you can act upon:

Once dragging commences, if the text is focusable, the focus outline should be visible. Affordances should appear indicating:

  • Original position original cell fades to 50%
  • Areas where the cell can be dropped denoted with grey borders (#e5e5e5)
  • Area in which the cell would land if dropped focus-blue 1pixel border