From 6d64842c2a64ed04e164fa9c90d860787bc01d99 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 24 Jul 2024 09:55:32 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E5=9B=BE=E5=B1=82?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/data-visualization/RealTimeListTree.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue b/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
index 525c6334eb..99c1caa6b0 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
@@ -275,7 +275,7 @@ const areaClick = area => {
                 :title="element.name"
                 class="component-item"
                 :class="{
-                  'container-item-not-show': !element.isShow,
+                  'container-item-not-show': !element.isShow || !canvasStyleData.popupAvailable,
                   activated:
                     (curComponent && curComponent?.id === element?.id) ||
                     areaData.components.includes(element)
@@ -478,6 +478,7 @@ const areaClick = area => {
     </el-row>
     <Teleport v-if="editComponentId && nameEdit" :to="editComponentId">
       <input
+        class="custom-teleport"
         @keydown.stop
         @keyup.stop
         ref="nameInput"
@@ -684,6 +685,10 @@ const areaClick = area => {
 .layer-screen {
   border-top: rgba(255, 255, 255, 0.15) 1px solid;
 }
+
+.custom-teleport {
+  background: #1a1a1a !important;
+}
 </style>
 
 <style lang="less">