feat(layout): keep handle be active when on drag

Even if cursor is not hovering handle element

1 files changed, 6 insertions, 6 deletions

diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index b2e73ab..fb3b76e 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -330,14 +330,15 @@
     display: none;
   }
 
-  &[data-hide="true"] {
+  &[data-state="hide"] {
     animation: fade-out 0.3s;
 
     opacity: 0;
     visibility: hidden;
   }
 
-  &:has(.draggable:hover, .utils:hover) {
+  &:has(.draggable:hover, .utils:hover),
+  &[data-state="on-drag"] {
     .dumby-block {
       color: gray;
 
@@ -347,8 +348,6 @@
     .handle {
       background: #e1e1e1;
 
-      /* border-bottom: solid gray; */
-
       transform: unset;
     }
 
@@ -362,11 +361,12 @@
 
       font-size: 1.5rem;
 
-      transition: opacity 1s linear;
       gap: 6px;
-      animation: fade-in 1.5s;
+      animation: fade-in 1s;
       padding-left: 1rem;
 
+      transition: opacity 0.5s;
+
       > * {
         padding: 0.2rem 0.4rem;