Drag icon positioning

[nilshoerrmann]

(BTW, one thing that always freaked me out in Kirby is the fact that blocks do not have their drag icon in front of the card element like pages sections but in a context menu with other clickable options. For me, the pages section concept totally makes sense, the blocks one is just … confusing.)

Originally posted by @nilshoerrmann in #61 (comment)

[nilshoerrmann]

Adding the following line as the first child of .k-module-header in ModuleCard will add the sort handle:

<k-sort-handle class="k-item-sort-handle" tabindex="-1" />

If not sure if there are situations when sorting is not allowed. In this case a conditional rendering directive would be needed.

This styling will put the sort handle in the right place:

.k-module .k-sort-button {
  --width: calc(1.5rem + var(--spacing-1));

  position: absolute;
  z-index: 2;
  left: calc(-1 * var(--width));
  height: var(--field-input-height );
  width: var(--width);
  opacity: 0;
}

.k-module:hover .k-sort-button {
  opacity: 1;
}