From 768d141729215f7b1dc32031add8ca05e479e93b Mon Sep 17 00:00:00 2001
From: Palanikannan1437 <73993394+Palanikannan1437@users.noreply.github.com>
Date: Thu, 14 Mar 2024 13:08:24 +0530
Subject: [PATCH] fix: improved colors and drag handle width

---
 .../extensions/src/styles/drag-drop.css       | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/packages/editor/extensions/src/styles/drag-drop.css b/packages/editor/extensions/src/styles/drag-drop.css
index d95a8654b..f3fdf9db3 100644
--- a/packages/editor/extensions/src/styles/drag-drop.css
+++ b/packages/editor/extensions/src/styles/drag-drop.css
@@ -2,7 +2,7 @@
   position: fixed;
   opacity: 1;
   transition: opacity ease-in 0.2s;
-  height: 18px;
+  height: 20px;
   width: 15px;
   display: grid;
   place-items: center;
@@ -12,9 +12,24 @@
   background-color: rgb(var(--color-background-90));
 }
 
-.drag-handle:hover {
-  background-color: rgb(var(--color-background-80));
+.ProseMirror:not(.dragging) .ProseMirror-selectednode {
+  outline: none !important;
+  cursor: grab;
+  background-color: #1f2937;
   transition: background-color 0.2s;
+  box-shadow: none;
+}
+
+.drag-handle:hover {
+  background-color: #4d4d4d;
+  cursor: grab;
+  transition: background-color 0.2s;
+}
+
+.drag-handle:active {
+  background-color: #4d4d4d;
+  transition: background-color 0.2s;
+  cursor: grabbing;
 }
 
 .drag-handle.hidden {