This is an automated email from the ASF dual-hosted git repository. abeizn pushed a commit to branch release-v1.0 in repository https://gitbox.apache.org/repos/asf/incubator-devlake.git
commit fecb100ab862eee0142003d5d4083d98b1152f60 Author: 青湛 <[email protected]> AuthorDate: Fri Mar 29 19:18:06 2024 +1300 fix: adjust the style for onboard subtask name (#7252) --- config-ui/src/routes/onboard/components/logs.tsx | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/config-ui/src/routes/onboard/components/logs.tsx b/config-ui/src/routes/onboard/components/logs.tsx index f4bbb62c1..84c74b427 100644 --- a/config-ui/src/routes/onboard/components/logs.tsx +++ b/config-ui/src/routes/onboard/components/logs.tsx @@ -17,7 +17,7 @@ */ import { LoadingOutlined, CheckCircleOutlined, CloseCircleOutlined } from '@ant-design/icons'; -import { theme, Progress } from 'antd'; +import { theme, Tooltip, Progress } from 'antd'; import styled from 'styled-components'; const Wrapper = styled.div` @@ -34,6 +34,9 @@ const Wrapper = styled.div` & > span.name { flex: auto; font-weight: 600; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } & > span.progress { @@ -97,7 +100,9 @@ export const Logs = ({ style, log: { plugin, name, percent, tasks } }: LogsProps return ( <Wrapper style={style}> <div className="title"> - <span className="name">{name}</span> + <Tooltip title={name}> + <span className="name">{name}</span> + </Tooltip> <span className="progress"> <Progress size="small" percent={percent} showInfo={false} /> </span>
