brianfertig
/
Organize
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjustment to Drag and Drop hitbox on Group Cards

This commit is contained in:
Brian Fertig 2026-08-12 11:36:07 -06:00
parent 37631df620
commit ce1d540444
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/board/group-card.tsx
View File

@ -93,16 +93,16 @@ export function GroupCard({ group }: { group: GroupDTO }) {
)} )}
> >
<div className="flex items-start justify-between gap-1"> <div className="flex items-start justify-between gap-1">
<div className="flex min-w-0 flex-1 items-start gap-1"> <div
<button ref={setActivatorNodeRef}
ref={setActivatorNodeRef} {...attributes}
{...attributes} {...listeners}
{...listeners} className="group flex min-w-0 flex-1 cursor-grab touch-none items-start gap-1 rounded-md outline-none active:cursor-grabbing focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1"
className="mt-1 flex shrink-0 cursor-grab touch-none items-center justify-center text-muted-foreground/60 hover:text-muted-foreground active:cursor-grabbing" aria-label={`Drag to move ${group.title}`}
aria-label={`Drag to move ${group.title}`} >
> <span className="mt-1 flex shrink-0 items-center justify-center text-muted-foreground/60 group-hover:text-muted-foreground">
<GripVertical className="size-4" /> <GripVertical className="size-4" />
</button> </span>
<h3 className="min-w-0 flex-1 truncate pt-1 text-sm font-semibold">{group.title}</h3> <h3 className="min-w-0 flex-1 truncate pt-1 text-sm font-semibold">{group.title}</h3>
</div> </div>
<div className="flex shrink-0 items-center"> <div className="flex shrink-0 items-center">