Step wrap behaviour in editing; removed padding from editing mode.

hover:whitespace-normal will make the content wrap;
mermaid-js · May 21, 2024 · fbe044f · fbe044f
1 parent 42234a7
commit fbe044f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 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,7 +3,7 @@
     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,
+      'cursor-text': editing,
       'absolute right-1/2 translate-x-1/2 bottom-0': editing && !isSelfAsync,
     }"
     :contenteditable="editing"