From 8ce7613256d63d1c8e56fb9d3771abd1f8470113 Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Thu, 26 Jun 2025 10:16:53 -0400 Subject: [PATCH] style: reduce drag handle gap from 8px to 4px MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 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 --- src/lib/components/edra/extensions/drag-handle/index.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/lib/components/edra/extensions/drag-handle/index.ts b/src/lib/components/edra/extensions/drag-handle/index.ts index aabbb55..89cf33f 100644 --- a/src/lib/components/edra/extensions/drag-handle/index.ts +++ b/src/lib/components/edra/extensions/drag-handle/index.ts @@ -338,9 +338,9 @@ export function DragHandlePlugin(options: GlobalDragHandleOptions & { pluginKey: // Get the computed padding of the element to position handle correctly 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 - 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 showDragHandle() },