From 1475ded1ec948ff7f7be1ef23a6cb27fc07aab33 Mon Sep 17 00:00:00 2001
From: yaojp123 <15989103230@163.com>
Date: Thu, 19 Dec 2024 21:00:54 +0800
Subject: [PATCH] fix: Optimize UI of agent list when its columns are overflow
 (#49)

Co-authored-by: yaojiping <yaojiping@infini.ltd>
---
 web/src/components/Anchor/index.scss                      | 2 +-
 web/src/pages/Agent/Instance/components/RowDetail.jsx     | 3 ---
 .../pages/Agent/Instance/components/UnknownProcess.jsx    | 8 --------
 web/src/pages/System/Cluster/index.jsx                    | 2 +-
 4 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/web/src/components/Anchor/index.scss b/web/src/components/Anchor/index.scss
index 6ed689a7..1dcf37cf 100644
--- a/web/src/components/Anchor/index.scss
+++ b/web/src/components/Anchor/index.scss
@@ -34,5 +34,5 @@
 }
 .fixed-top {
   position: fixed;
-  z-index: 1000; 
+  z-index: 10; 
 }
\ No newline at end of file
diff --git a/web/src/pages/Agent/Instance/components/RowDetail.jsx b/web/src/pages/Agent/Instance/components/RowDetail.jsx
index 13606ed7..b14b7422 100644
--- a/web/src/pages/Agent/Instance/components/RowDetail.jsx
+++ b/web/src/pages/Agent/Instance/components/RowDetail.jsx
@@ -131,7 +131,6 @@ export const AgentRowDetail = ({ agentID, t }) => {
       {
         title: "PID",
         dataIndex: "node_info.process.id",
-        width: 150,
       },
       {
         title: "Port",
@@ -139,12 +138,10 @@ export const AgentRowDetail = ({ agentID, t }) => {
         render: (text, record) => {
           return text?.split(":")?.[1];
         },
-        width: 150,
       },
       {
         title: "Cluster",
         dataIndex: "cluster_info.cluster_name",
-        width: 180,
         render: (text, record) => {
           return <>
             <div style={{
diff --git a/web/src/pages/Agent/Instance/components/UnknownProcess.jsx b/web/src/pages/Agent/Instance/components/UnknownProcess.jsx
index ba1f4efe..94da65b7 100644
--- a/web/src/pages/Agent/Instance/components/UnknownProcess.jsx
+++ b/web/src/pages/Agent/Instance/components/UnknownProcess.jsx
@@ -20,14 +20,10 @@ export default (props) => {
     {
       title: "PID",
       dataIndex: "pid",
-      ellipsis: true,
-      width: 150,
     },
     {
       title: "Name",
       dataIndex: "name",
-      ellipsis: true,
-      width: 150,
     },
     {
       title: "Cmdline",
@@ -57,7 +53,6 @@ export default (props) => {
           </>
         );
       },
-      ellipsis: true,
     },
     {
       title: "Listen addresses",
@@ -75,8 +70,6 @@ export default (props) => {
             })}
         </>
       ),
-      ellipsis: true,
-      width: 300,
     },
     {
       title: formatMessage({ id: "table.field.actions" }),
@@ -93,7 +86,6 @@ export default (props) => {
           </a>
         </div>
       ),
-      ellipsis: true,
       width: 100,
     },
   ];
diff --git a/web/src/pages/System/Cluster/index.jsx b/web/src/pages/System/Cluster/index.jsx
index a409ae70..c60c1273 100644
--- a/web/src/pages/System/Cluster/index.jsx
+++ b/web/src/pages/System/Cluster/index.jsx
@@ -109,7 +109,7 @@ export default (props) => {
     if (type === 'node') {
       title = formatMessage({ id: "form.button.clean.unavailable.nodes.desc" })
     } else  if (type === 'index') {
-      title = formatMessage({ id: "form.button.clean.unavailable.indices.desc" })
+      title = formatMessage({ id: "form.button.clean.deleted.indices.desc" })
     }
     Modal.confirm({
       title,