8x48/KnowStreaming
1
0
Fork 0
mirror of https://github.com/didi/KnowStreaming.git synced 2026-01-09 08:27:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Bugfix]zookeeper页面leader节点显示异常(#873)

Browse Source
This commit is contained in:
erge
2023-02-20 15:26:26 +08:00
committed by lucasun
parent 7dc8f2dc48
commit fbe6945d3b
2 changed files with 30 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
km-console/packages/layout-clusters-fe/src/components/CardBar/ZookeeperCard.tsx
View File

@@ -1,7 +1,7 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { useParams } from 'react-router-dom'; import { useParams } from 'react-router-dom';
import CardBar, { healthDataProps } from './index'; import CardBar, { healthDataProps } from './index';
import { Utils } from 'knowdesign'; import { Tooltip, Utils } from 'knowdesign';
import api from '@src/api'; import api from '@src/api';
import { HealthStateEnum } from '../HealthState'; import { HealthStateEnum } from '../HealthState';
@@ -81,7 +81,22 @@ const ZookeeperCard = () => {
{ {
title: 'Leader', title: 'Leader',
value() { value() {
return <span style={{ fontSize: 24 }}>{leaderNode || '-'}</span>; return (
<Tooltip title={leaderNode}>
<span
style={{
fontSize: 24,
overflow: 'hidden',
display: 'block',
width: '100%',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis',
}}
>
{leaderNode || '-'}
</span>
</Tooltip>
);
}, },
}, },
{ {

1
km-console/packages/layout-clusters-fe/src/components/CardBar/index.less
View File

@@ -89,6 +89,7 @@
margin-top: 5px; margin-top: 5px;
.num { .num {
font-family: DIDIFD-Medium; font-family: DIDIFD-Medium;
overflow: hidden;
} }
.sub-title { .sub-title {
font-family: @font-family; font-family: @font-family;