From c530411dd6050c9fdb4e607e113979d9946baa13 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Tue, 26 Aug 2025 15:37:48 +0800
Subject: [PATCH] fix: set tooltips background color

---
 frontend/src/style.less                              | 6 ++++++
 frontend/src/views/dashboard/common/ResourceTree.vue | 2 +-
 frontend/src/views/system/embedded/iframe.vue        | 6 +++---
 frontend/src/views/system/workspace/index.vue        | 7 ++++++-
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/frontend/src/style.less b/frontend/src/style.less
index 5041f4d5..798cff07 100644
--- a/frontend/src/style.less
+++ b/frontend/src/style.less
@@ -319,6 +319,12 @@ strong {
       border-radius: 6px;
     }
   }
+
+  &.primary-icon:hover {
+    &::after {
+      background: var(--ed-color-primary-1a, #1cba901a);
+    }
+  }
 }
 
 .ed-popper__arrow {
diff --git a/frontend/src/views/dashboard/common/ResourceTree.vue b/frontend/src/views/dashboard/common/ResourceTree.vue
index e0b15bb0..018208b5 100644
--- a/frontend/src/views/dashboard/common/ResourceTree.vue
+++ b/frontend/src/views/dashboard/common/ResourceTree.vue
@@ -329,7 +329,7 @@ defineExpose({
           effect="dark"
         >
           <el-icon
-            class="custom-icon btn hover-icon_with_bg"
+            class="custom-icon btn hover-icon_with_bg primary-icon"
             @click="addOperation({ opt: 'newLeaf', type: 'dashboard' })"
           >
             <Icon name="dv-new-folder">
diff --git a/frontend/src/views/system/embedded/iframe.vue b/frontend/src/views/system/embedded/iframe.vue
index b360d82d..25c01a86 100644
--- a/frontend/src/views/system/embedded/iframe.vue
+++ b/frontend/src/views/system/embedded/iframe.vue
@@ -884,7 +884,7 @@ const saveHandler = () => {
         <div class="code">
           <div class="copy">
             {{ $t('embedded.code_to_embed') }}
-            <el-tooltip effect="dark" :content="t('datasource.copy')" placement="top">
+            <el-tooltip :offset="12" effect="dark" :content="t('datasource.copy')" placement="top">
               <el-icon size="16" @click="copyCode">
                 <icon_copy_outlined></icon_copy_outlined>
               </el-icon>
@@ -900,7 +900,7 @@ const saveHandler = () => {
         <div class="code">
           <div class="copy">
             {{ $t('professional.code_for_debugging') }}
-            <el-tooltip effect="dark" :content="t('datasource.copy')" placement="top">
+            <el-tooltip :offset="12" effect="dark" :content="t('datasource.copy')" placement="top">
               <el-icon size="16" @click="copyJsCode">
                 <icon_copy_outlined></icon_copy_outlined>
               </el-icon>
@@ -916,7 +916,7 @@ const saveHandler = () => {
         <div class="code">
           <div class="copy">
             {{ $t('embedded.code_to_embed') }}
-            <el-tooltip effect="dark" :content="t('datasource.copy')" placement="top">
+            <el-tooltip :offset="12" effect="dark" :content="t('datasource.copy')" placement="top">
               <el-icon size="16" @click="copyJsCodeFull">
                 <icon_copy_outlined></icon_copy_outlined>
               </el-icon>
diff --git a/frontend/src/views/system/workspace/index.vue b/frontend/src/views/system/workspace/index.vue
index 0778c99b..6efd9b45 100644
--- a/frontend/src/views/system/workspace/index.vue
+++ b/frontend/src/views/system/workspace/index.vue
@@ -296,7 +296,12 @@ const handleCurrentChange = (val: number) => {
       <div class="select-table_top">
         {{ $t('user.workspace') }}
 
-        <el-tooltip effect="dark" :content="$t('workspace.add_workspace')" placement="top">
+        <el-tooltip
+          :offset="12"
+          effect="dark"
+          :content="$t('workspace.add_workspace')"
+          placement="top"
+        >
           <el-icon size="18" @click="addWorkspace">
             <icon_add_outlined></icon_add_outlined>
           </el-icon>