From c6881ed88a5f1465f2c34d9942c80fee262d73e9 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Fri, 18 Oct 2024 00:07:14 +0800
Subject: feat(CSS): improve transition of draggable-utils

---
 src/css/dumbymap.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

(limited to 'src/css')

diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index 18ace27..53f00ce 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -464,7 +464,12 @@ root {
 
   font-size: 1.5rem;
 
+  transition:
+    visibility .3s ease-out,
+    opacity .3s ease-out;
+
   visibility: hidden;
+  opacity: 0;
 
   gap: 6px;
 
@@ -512,8 +517,8 @@ root {
   font-size: 0.8rem;
 
   transition:
-  opacity .3s linear,
-  visibility .3s linear;
+    opacity: .3s linear,
+    visibility: .3s linear;
   visibility: hidden;
   opacity: 0;
   pointer-events: auto;
@@ -610,7 +615,7 @@ root {
 
     .utils {
       visibility: visible;
-      animation: fade-in 0.5s;
+      opacity: 1;
     }
 
     > *:not(.draggable-part, .utils) {
-- 
cgit v1.2.3-70-g09d2