From b8afdd167e2e92d12959ee06ab3acaa7c4219abc Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Mon, 23 Oct 2023 16:58:58 +0800
Subject: [PATCH] feat: add popover

---
 src/views/dashboard/related/trace/TraceList.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/dashboard/related/trace/TraceList.vue b/src/views/dashboard/related/trace/TraceList.vue
index f290ab40..dc95ba85 100644
--- a/src/views/dashboard/related/trace/TraceList.vue
+++ b/src/views/dashboard/related/trace/TraceList.vue
@@ -15,9 +15,14 @@ limitations under the License. -->
     <div class="trace-t-tool flex-h">
       <div class="title">
         <span class="mr-5">Trace Segments</span>
-        <el-popover trigger="hover" width="250" placement="bottom" effect="light" :content="t('traceDesc')">
+        <el-popover
+          :width="315"
+          placement="right"
+          :content="t('traceDesc')"
+          :popper-style="{ 'word-break': 'keep-all', 'word-wrap': 'break-word' }"
+        >
           <template #reference>
-            <span>
+            <span class="cp">
               <Icon iconName="info_outline" size="small" />
             </span>
           </template>