fix lineage column icon and entity summary panel owner label not visible (#21160)

This commit is contained in:
Ashish Gupta 2025-05-13 15:16:33 +05:30 committed by GitHub
parent f292fec6c1
commit f11686257c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 34 additions and 56 deletions

View File

@ -86,16 +86,12 @@
border-radius: 0;
.ant-collapse-header {
padding: 0;
padding: 4px;
font-size: 12px;
.custom-node-column-container {
background-color: @lineage-collapse-header;
}
.lineage-column-node-handle {
background-color: @lineage-collapse-header;
}
}
.ant-collapse-content-box {

View File

@ -31,61 +31,43 @@ function CommonEntitySummaryInfo({
return (
<Row className="text-sm" gutter={[0, 4]}>
{entityInfo.map((info) => {
const isOwner = info.name === t('label.owner-plural');
const isDomain = isDomainVisible && info.name === t('label.domain');
return info.visible?.includes(componentType) || isDomain ? (
<Col key={info.name} span={24}>
<Row
className={classNames('', {
'p-b-md': isOwner,
})}
gutter={[16, 32]}>
{!isOwner ? (
<>
<Col span={8}>
<Typography.Text
className="summary-item-key font-semibold"
data-testid={`${info.name}-label`}>
{info.name}
</Typography.Text>
</Col>
<Col span={16}>
{info.isLink ? (
<Link
component={Typography.Link}
data-testid={`${info.name}-value`}
target={info.isExternal ? '_blank' : '_self'}
to={info.linkProps ?? { pathname: info.url }}>
{info.value}
{info.isExternal ? (
<Icon
className="m-l-xs"
component={IconExternalLink}
data-testid="external-link-icon"
style={ICON_DIMENSION}
/>
) : null}
</Link>
) : (
<Typography.Text
className={classNames(
'summary-item-value text-grey-muted',
{
'text-grey-body': !isOwner,
}
)}
data-testid={`${info.name}-value`}>
{info.value}
</Typography.Text>
)}
</Col>
</>
) : (
<Col data-testid={`${info.name}-value`} span={24}>
{info.value}
</Col>
)}
<Row gutter={[16, 32]}>
<Col span={8}>
<Typography.Text
className="summary-item-key font-semibold"
data-testid={`${info.name}-label`}>
{info.name}
</Typography.Text>
</Col>
<Col span={16}>
{info.isLink ? (
<Link
component={Typography.Link}
data-testid={`${info.name}-value`}
target={info.isExternal ? '_blank' : '_self'}
to={info.linkProps ?? { pathname: info.url }}>
{info.value}
{info.isExternal ? (
<Icon
className="m-l-xs"
component={IconExternalLink}
data-testid="external-link-icon"
style={ICON_DIMENSION}
/>
) : null}
</Link>
) : (
<Typography.Text
className={classNames('summary-item-value text-grey-body')}
data-testid={`${info.name}-value`}>
{info.value}
</Typography.Text>
)}
</Col>
</Row>
</Col>
) : null;