jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): fix text overflow of drillodwn text

Browse source
This commit is contained in:
Shekar Siri 2025-04-23 13:10:32 +02:00
parent 1324c26429
commit 019c6c2bb8
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/app/components/Dashboard/components/WidgetSessions/WidgetSessions.tsx
View file

@ -11,7 +11,7 @@ import useIsMounted from 'App/hooks/useIsMounted';
import AnimatedSVG, {ICONS} from 'Shared/AnimatedSVG/AnimatedSVG'; import AnimatedSVG, {ICONS} from 'Shared/AnimatedSVG/AnimatedSVG';
import {numberWithCommas} from 'App/utils'; import {numberWithCommas} from 'App/utils';
import {HEATMAP} from 'App/constants/card'; import {HEATMAP} from 'App/constants/card';
import {Tag} from 'antd'; import { Tag, Typography } from 'antd';
interface Props { interface Props {
className?: string; className?: string;
@ -75,7 +75,7 @@ function WidgetSessions(props: Props) {
setLoading(false); setLoading(false);
}); });
}; };
const fetchClickmapSessions = (customFilters: Record<string, any>) => { const fetchClickmapSessions = (customFilters: Record<string, any>) => {
sessionStore.getSessions(customFilters).then((data) => { sessionStore.getSessions(customFilters).then((data) => {
setData([{...data, seriesId: 1, seriesName: 'Clicks'}]); setData([{...data, seriesId: 1, seriesName: 'Clicks'}]);
@ -148,7 +148,13 @@ function WidgetSessions(props: Props) {
</div> </div>
{hasFilters && widget.metricType === 'table' && {hasFilters && widget.metricType === 'table' &&
<div className="py-2"><Tag closable onClose={clearFilters}>{filterText}</Tag></div>} <div className="py-2">
<Tag closable onClose={clearFilters} className="inline-flex">
<Typography.Text className="max-w-80 overflow-hidden text-ellipsis inline-block">
{filterText}
</Typography.Text>
</Tag>
</div>}
</div> </div>
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">