0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed problem with performance of cluster name in left side (#1635)

Browse source
This commit is contained in:
Denys Malofeiev 2022-02-21 13:53:55 +02:00 • committed by GitHub
parent b8761b500d
commit 3f0693bad6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
kafka-ui-react-app/src/components/Nav/ClusterTab/ClusterTab.styled.ts
View file

@ -28,8 +28,12 @@ export const Wrapper = styled.li.attrs({ role: 'menuitem' })(
` `
); );
export const Title = styled.span` export const Title = styled.div`
grid-area: title; grid-area: title;
white-space: nowrap;
max-width: 110px;
overflow: hidden;
text-overflow: ellipsis;
`; `;
export const StatusIconWrapper = styled.svg.attrs({ export const StatusIconWrapper = styled.svg.attrs({

2
kafka-ui-react-app/src/components/Nav/ClusterTab/ClusterTab.tsx
View file

@ -17,7 +17,7 @@ const ClusterTab: React.FC<ClusterTabProps> = ({
toggleClusterMenu, toggleClusterMenu,
}) => ( }) => (
<S.Wrapper onClick={toggleClusterMenu}> <S.Wrapper onClick={toggleClusterMenu}>
<S.Title>{title}</S.Title> <S.Title title={title}>{title}</S.Title>
<S.StatusIconWrapper> <S.StatusIconWrapper>
<S.StatusIcon status={status} aria-label="status"> <S.StatusIcon status={status} aria-label="status">