Improve editing experience.

mermaid-js · May 20, 2024 · 05e8277 · 05e8277
1 parent 1724a90
commit 05e8277
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Message/Message.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Message/Message.vue
@@ -13,7 +13,7 @@
     ref="messageRef"
   >
     <div
-      class="name group flex-grow relative text-sm hover:whitespace-normal hover:text-skin-message-hover hover:bg-skin-message-hover"
+      class="name group flex-grow relative text-sm hover:text-skin-message-hover hover:bg-skin-message-hover"
     >
       <div class="inline-block static min-h-[1em]">
         <div :style="textStyle" :class="classNames">

diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/MessageLabel.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/MessageLabel.vue
@@ -3,8 +3,8 @@
     title="Double click to edit"
     class="px-1 cursor-text right hover:text-skin-message-hover hover:bg-skin-message-hover"
     :class="{
-      'py-1 px-2 ml-1 cursor-text': editing,
-      'absolute right-1/2 translate-x-1/2 bottom-0': editing && !isSelfAsync,
+      'cursor-text': editing,
+      '': editing && !isSelfAsync,
     }"
     :contenteditable="editing && mode === RenderMode.Dynamic"
     @dblclick="handleDblClick"