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

feat(ui) - cards - widget name ellipsis

Browse source
This commit is contained in:
Shekar Siri 2023-01-03 18:23:08 +01:00
parent f79702b20c
commit e8cf80e7f5
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Dashboard/components/MetricsList/GridView.tsx
View file

@ -11,7 +11,7 @@ interface Props {
function GridView(props: Props) {
const { siteId, list, selectedList, toggleSelection } = props;
return (
<div className="grid grid-cols-4 gap-4 m-4">
<div className="grid grid-cols-4 gap-4 m-4 items-start">
{list.map((metric: any) => (
<React.Fragment key={metric.metricId}>
<WidgetWrapper

4
frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapper.tsx
View file

@ -1,6 +1,6 @@
import React, { useRef } from 'react';
import cn from 'classnames';
import { ItemMenu, Tooltip } from 'UI';
import { ItemMenu, Tooltip, TextEllipsis } from 'UI';
import { useDrag, useDrop } from 'react-dnd';
import WidgetChart from '../WidgetChart';
import { observer } from 'mobx-react-lite';
@ -127,7 +127,7 @@ function WidgetWrapper(props: Props & RouteComponentProps) {
})}
>
{!props.hideName ? (
<div className="capitalize-first w-full font-medium">{widget.name}</div>
<div className="capitalize-first w-full font-medium"><TextEllipsis text={widget.name} /></div>
) : null}
{isWidget && (
<div className="flex items-center" id="no-print">