This is an automated email from the ASF dual-hosted git repository.

dockerzhang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-inlong.git


The following commit(s) were added to refs/heads/master by this push:
     new 0177b9b  [INLONG-2997][Dashboard] The group execution log needs to 
distinguish between different states #2999
0177b9b is described below

commit 0177b9b03466a20d68d4edd7f92c3748c4b8d00d
Author: Daniel <[email protected]>
AuthorDate: Tue Mar 8 17:05:26 2022 +0800

    [INLONG-2997][Dashboard] The group execution log needs to distinguish 
between different states #2999
---
 inlong-dashboard/src/pages/AccessDashboard/ExecutionLogModal.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/inlong-dashboard/src/pages/AccessDashboard/ExecutionLogModal.tsx 
b/inlong-dashboard/src/pages/AccessDashboard/ExecutionLogModal.tsx
index 1bb0035..3abe369 100644
--- a/inlong-dashboard/src/pages/AccessDashboard/ExecutionLogModal.tsx
+++ b/inlong-dashboard/src/pages/AccessDashboard/ExecutionLogModal.tsx
@@ -136,13 +136,15 @@ const Comp: React.FC<Props> = ({ inlongGroupId, 
...modalProps }) => {
         text?.length ? (
           <Popover
             content={
-              <Timeline mode={'left'} style={{ margin: 20 }}>
+              <Timeline mode={'left'} style={{ marginBottom: -20 }}>
                 {text.map(item => (
-                  <Timeline.Item 
key={item.id}>{item.description}</Timeline.Item>
+                  <Timeline.Item key={item.id} color={item.state === -1 ? 
'red' : 'blue'}>
+                    {item.description}
+                  </Timeline.Item>
                 ))}
               </Timeline>
             }
-            overlayStyle={{ maxWidth: 750 }}
+            overlayStyle={{ maxWidth: 750, maxHeight: 300, overflow: 'auto' }}
           >
             <div style={{ height: 45, overflow: 'hidden' 
}}>{text[0]?.description}</div>
           </Popover>

Reply via email to