From 53bc9518c4e424763eec981189f4f889f284fd63 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Mon, 13 Nov 2023 14:59:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=85=A8=E5=B1=8F=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=B8=8B=E8=A7=86=E5=9B=BE=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E7=9A=84=E5=A4=87=E6=B3=A8=E6=97=A0=E6=B3=95=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=20#6207?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/editor/ComponentWrapper.vue    |  6 +++++-
 .../src/views/chart/view/TitleRemark.vue      | 20 ++++++-------------
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue b/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
index dd39680fed..1b31a40762 100644
--- a/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
+++ b/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
@@ -392,10 +392,14 @@ export default {
 }
 
 // .component-outer {
-//   transform: translate(0);
+//   transform: none;
 // }
 
 .component-active {
   z-index: 1;
 }
+
+.fullscreen {
+  transform: translate(0);
+}
 </style>
diff --git a/core/frontend/src/views/chart/view/TitleRemark.vue b/core/frontend/src/views/chart/view/TitleRemark.vue
index 4738bd98e8..84df54fd85 100644
--- a/core/frontend/src/views/chart/view/TitleRemark.vue
+++ b/core/frontend/src/views/chart/view/TitleRemark.vue
@@ -1,13 +1,13 @@
 <template>
   <span
-    style="transform: translate(0);display: inline-block;position: relative;
+    style="display: inline-block;position: relative;
     z-index: 10;"
   >
     <el-popover
       placement="bottom"
       trigger="hover"
       width="300"
-      :append-to-body="false"
+      :append-to-body="!previewVisible"
       popper-class="remark-pop"
       :visible-arrow="false"
     >
@@ -26,6 +26,7 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   name: 'TitleRemark',
   props: {
@@ -33,6 +34,9 @@ export default {
       type: Object,
       required: true
     }
+  },
+  computed: {
+    ...mapState(['previewVisible'])
   }
 }
 </script>
@@ -73,15 +77,3 @@ export default {
   text-align: -webkit-match-parent!important;
 }
 </style>
-<style>
-.el-popover.remark-pop{
-  padding: 0;
-  border: none;
-  margin-top: 8px!important;
-  top: 22px !important;
-  left: auto !important;
-}
-.title-is-right .el-popover.remark-pop {
-  right: 0;
-}
-</style>