enhance(ui): animation for the context menu

logseq · Jan 9, 2024 · bc8d773 · bc8d773
1 parent d2eae8b
commit bc8d773
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 7 deletions.
diff --git a/src/main/frontend/components/container.cljs b/src/main/frontend/components/container.cljs
@@ -756,11 +756,7 @@
         links (state/sub :custom-context-menu/links)
         position (state/sub :custom-context-menu/position)]
     (when (and show? links position)
-      (ui/css-transition
-       {:class-names "fade"
-        :timeout {:enter 500
-                  :exit 300}}
-       (render-custom-context-menu links position)))))
+      (render-custom-context-menu links position))))
 
 (rum/defc new-block-mode < rum/reactive
   []

diff --git a/src/main/frontend/components/content.css b/src/main/frontend/components/content.css
@@ -12,8 +12,7 @@
 }
 
 #custom-context-menu {
-  @apply transition ease-out duration-100 transform
-  opacity-100 scale-100 absolute;
+  @apply absolute animate-in zoom-in-95;
 
   z-index: calc(var(--ls-z-index-level-1) + 1);
   width: 270px;