feat: animation for creating draggable block

* rename class name: draggable -> draggable-part
* code refactor: separate logic about working with plain-draggable
* get original rect before creating blocks

1 files changed, 2 insertions, 4 deletions

diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index e04b6bc..cb692ae 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -262,8 +262,6 @@
   font-size: 0.8rem;
   pointer-events: auto;
 
-  transition: visibility 1s;
-
   .dumby-block {
     overflow: auto;
     margin: 0;
@@ -305,7 +303,7 @@
     }
   }
 
-  .draggable {
+  .draggable-part {
     display: block;
     overflow: clip;
     width: 100%;
@@ -337,7 +335,7 @@
     visibility: hidden;
   }
 
-  &:has(.draggable:hover, .utils:hover),
+  &:has(.draggable-part:hover, .utils:hover),
   &.drag {
     .dumby-block {
       color: gray;