From 061a9e7de3f3426225f73e3cbd59942c1ceae2c8 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Wed, 2 Oct 2024 14:12:45 +0800
Subject: feat: use focus to decide display in overlay layout

---
 src/css/dumbymap.css | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

(limited to 'src/css')

diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index d21c110..3294e40 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -608,6 +608,8 @@ p a[href^='http']::after,
 }
 
 .draggable-block {
+  /* TODO transition for display */
+  display: none;
   overflow: visible;
   width: fit-content;
 
@@ -622,6 +624,8 @@ p a[href^='http']::after,
   pointer-events: auto;
 
   &:has(.dumby-block.focus) {
+    display: block;
+
     z-index: 9001;
     outline: solid #505050 1px;
     border-color: #505050;
@@ -708,16 +712,6 @@ p a[href^='http']::after,
     transform: translate(0, -0.6rem);
   }
 
-  &.hide {
-    transition: all 0.5s;
-    visibility: hidden;
-    opacity: 0;
-
-    .utils {
-      visibility: hidden !important;
-    }
-  }
-
   &.drag,
   &:has(.draggable-part:hover) {
     .handle {
-- 
cgit v1.2.3-70-g09d2