fixed unaligned charts (#22165)

Co-authored-by: Chirag Madlani <12962843+chirag-madlani@users.noreply.github.com>
This commit is contained in:
Dhruv Parmar 2025-07-08 12:10:18 +05:30 committed by GitHub
parent 718642541c
commit 2177bc2e03
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 6 additions and 2 deletions

View File

@ -233,6 +233,7 @@ const DataInsightSummary: FC<Props> = ({ chartFilter, onScrollToChart }) => {
{/* summary of most active user */} {/* summary of most active user */}
{mostActiveUser?.userName && ( {mostActiveUser?.userName && (
<Col <Col
className="data-insight-active-user"
data-testid={`summary-item-${DataInsightChartType.MostActiveUsers}`} data-testid={`summary-item-${DataInsightChartType.MostActiveUsers}`}
key={DataInsightChartType.MostActiveUsers} key={DataInsightChartType.MostActiveUsers}
span={6}> span={6}>

View File

@ -40,6 +40,9 @@
} }
} }
.data-insight-active-user .summary-card .ant-space-item {
max-width: 100%;
}
.ant-typography.data-insight-label-text { .ant-typography.data-insight-label-text {
color: @label-color; color: @label-color;
} }

View File

@ -50,7 +50,7 @@ export const SummaryCard = ({
} }
return ( return (
<div <Space
className={classNames('summary-card', cardBackgroundClass, className)} className={classNames('summary-card', cardBackgroundClass, className)}
data-testid="summary-card-container"> data-testid="summary-card-container">
<div <div
@ -81,6 +81,6 @@ export const SummaryCard = ({
width={65} width={65}
/> />
)} )}
</div> </Space>
); );
}; };