yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-12-25 08:58:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(customHomePage): fix color of elipsis in entity name inside of modules (#14325)

Browse Source
This commit is contained in:
v-tarasevich-blitz-brain 2025-08-06 21:00:59 +03:00 committed by GitHub
parent 19e99c882c
commit 694c18cfe8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
datahub-web-react/src/app/searchV2/autoCompleteV2/components/DisplayName.tsx
View File

@ -3,13 +3,15 @@ import React from 'react';
import styled from 'styled-components';
import { FontColorLevelOptions, FontColorOptions, FontSizeOptions, FontWeightOptions } from '@components/theme/config';
import { getColor } from '@components/theme/utils';
import useMeasureIfTrancated from '@app/shared/useMeasureIfTruncated';
const EntityTitleContainer = styled.div`
const EntityTitleContainer = styled.div<{ $color?: FontColorOptions; $colorLevel?: FontColorLevelOptions }>`
text-overflow: ellipsis;
overflow: hidden;
max-width: 400px;
color: ${(props) => getColor(props.$color, props.$colorLevel, props.theme)};
`;
const PopoverWrapper = styled.div`
@ -49,7 +51,7 @@ export default function DisplayName({
) : undefined
}
>
<EntityTitleContainer ref={measuredRef} className={className}>
<EntityTitleContainer ref={measuredRef} className={className} $color={color} $colorLevel={colorLevel}>
<MatchText
type="span"
color={color}