From 5125cc7a08dbeb3d85d17cfaac844b4dc027e91d Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Sun, 22 Sep 2024 12:56:44 +0800
Subject: feat(layout): keep handle be active when on drag

Even if cursor is not hovering handle element
---
 src/css/dumbymap.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'src/css')

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;
 
-- 
cgit v1.2.3-70-g09d2