[kylin] 13/14: KYLIN-5630 refine history format css issue

[xxyu]

This is an automated email from the ASF dual-hosted git repository.

xxyu pushed a commit to branch kylin5
in repository https://gitbox.apache.org/repos/asf/kylin.git

commit acc84f2116583bab2fe25bffa695b8170f660fef
Author: Qian Xia <lauraxiaq...@gmail.com>
AuthorDate: Thu Jul 13 16:34:12 2023 +0800

    KYLIN-5630 refine history format css issue
---
 kystudio/src/components/common/editor.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/kystudio/src/components/common/editor.vue 
b/kystudio/src/components/common/editor.vue
index 75df637180..046cc6325d 100644
--- a/kystudio/src/components/common/editor.vue
+++ b/kystudio/src/components/common/editor.vue
@@ -15,7 +15,11 @@
       v-model="showCopyStatus">
       <i class="el-icon-circle-check"></i> 
<span>{{$t('kylinLang.common.copySuccess')}}</span>
     </el-popover>
-    <el-tooltip placement="top" :disabled="isFormat==='origin'" 
:content="$t('kylinLang.common.formatTips')">
+    <el-tooltip placement="top" :disabled="isFormat==='origin'">
+      <div slot="content">{{$t('kylinLang.common.notice')}}<br/>
+        <span class="tooltips-cont"><i class="el-ksd-n-icon-warning-filled 
ksd-mb-2"></i>
+        <span>{{$t('kylinLang.common.formatTips')}}</span></span>
+      </div>
       <i class="el-ksd-icon-dup_16 edit-copy-btn ksd-fs-16"
         @click.stop
         v-if="readOnly"
@@ -303,8 +307,9 @@ export default class KapEditor extends Vue {
     border-radius: 6px;
     .format-switch {
       position: absolute;
-      bottom: 0px;
+      bottom: -5px;
       right: 10px;
+      z-index: 1;
       .el-tabs__header {
         margin: 0;
       }
@@ -392,4 +397,7 @@ export default class KapEditor extends Vue {
       }
     }
   }
+  .tooltips-cont {
+    color: @text-disabled-color;
+  }
 </style>