From 137fc01c76149d16d7474e032114df12c084e208 Mon Sep 17 00:00:00 2001
From: dataeaseShu <106045316+dataeaseShu@users.noreply.github.com>
Date: Thu, 26 Jun 2025 14:22:20 +0800
Subject: [PATCH] fix(paragraph): bug fix (#3396)

---
 .../paragraph/component/ParagraphCard.vue     | 27 +++++++++----------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/ui/src/views/paragraph/component/ParagraphCard.vue b/ui/src/views/paragraph/component/ParagraphCard.vue
index 441f2d39b..ec653d072 100644
--- a/ui/src/views/paragraph/component/ParagraphCard.vue
+++ b/ui/src/views/paragraph/component/ParagraphCard.vue
@@ -7,7 +7,6 @@
     @click.stop="editParagraph(data)"
     v-loading="loading"
   >
-    <h2 class="mb-16">{{ data.title || '-' }}</h2>
     <div v-show="show" class="mk-sticky" v-if="!disabled">
       <el-card
         class="paragraph-box-operation mt-8 mr-8"
@@ -59,6 +58,7 @@
         </el-dropdown>
       </el-card>
     </div>
+    <h2 class="mb-16">{{ data.title || '-' }}</h2>
     <MdPreview
       ref="editorRef"
       editorId="preview-only"
@@ -188,29 +188,28 @@ function refreshMigrateParagraph() {
   background: var(--app-layout-bg-color);
   border: 1px solid #ffffff;
   box-shadow: none !important;
-  // position: relative;
-  // overflow: inherit;
+  position: relative;
+  overflow: inherit;
   &:hover {
     background: rgba(31, 35, 41, 0.1);
     border: 1px solid #dee0e3;
   }
   .paragraph-box-operation {
     position: absolute;
-    right: 0;
-    top: 0;
+    right: -10px;
+    top: -10px;
     overflow: inherit;
     border: 1px solid #dee0e3;
     z-index: 10;
-    float: right;
   }
 
-  // .mk-sticky {
-  //   height: 0;
-  //   position: sticky;
-  //   right: 0;
-  //   top: 0;
-  //   overflow: inherit;
-  //   z-index: 10;
-  // }
+  .mk-sticky {
+    height: 0;
+    position: sticky;
+    right: 0;
+    top: 0;
+    overflow: inherit;
+    z-index: 10;
+  }
 }
 </style>