feat(boards): ease dragging a card toward an off-screen spot

Scroll the column while a card is held near its edge and show a light gap where the card will land. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-11-04 20:05:50 +03:30
parent 78a7d6a68a
commit 004d1dff93
4 changed files with 153 additions and 23 deletions
@@ -76,11 +76,13 @@ const priorityFlag = computed(() =>

 const cardStyle = computed(() => ({
  cursor: props.selectMode ? 'pointer' : 'grab',
-  opacity: props.dragging ? 0.45 : 1,
+  opacity: props.dragging ? 0.4 : 1,
+  transform: props.dragging ? 'scale(0.98)' : 'none',
+  transition: 'opacity 180ms ease, transform 180ms ease, box-shadow 180ms ease',
  margin: 0,
  background: props.selected ? token.value.colorPrimaryBg : token.value.colorBgContainer,
  borderColor: props.selected ? token.value.colorPrimary : token.value.colorBorderSecondary,
-  boxShadow: token.value.boxShadowTertiary,
+  boxShadow: props.dragging ? token.value.boxShadow : token.value.boxShadowTertiary,
 }));
 </script>