jedmund/jedmund-svelte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: reduce drag handle gap from 8px to 4px

Browse source 
- Brings drag handle closer to text content
- Creates a tighter, more connected visual relationship

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Justin Edmund 2025-06-26 10:16:53 -04:00
parent 6ec3bbc54e
commit 8ce7613256
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/edra/extensions/drag-handle/index.ts
View file

@ -338,9 +338,9 @@ export function DragHandlePlugin(options: GlobalDragHandleOptions & { pluginKey:
// Get the computed padding of the element to position handle correctly // Get the computed padding of the element to position handle correctly
const paddingLeft = parseInt(compStyle.paddingLeft, 10) || 0 const paddingLeft = parseInt(compStyle.paddingLeft, 10) || 0
// Add 8px gap between drag handle and content // Add 4px gap between drag handle and content
// Position the handle inside the padding area, close to the text // Position the handle inside the padding area, close to the text
dragHandleElement.style.left = `${rect.left + paddingLeft - rect.width - 8}px` dragHandleElement.style.left = `${rect.left + paddingLeft - rect.width - 4}px`
dragHandleElement.style.top = `${rect.top - 4}px` // Offset for padding dragHandleElement.style.top = `${rect.top - 4}px` // Offset for padding
showDragHandle() showDragHandle()
}, },