diff --git a/libs/shared/lib/vis/visualizations/paohvis/components/HyperRangeBlock.tsx b/libs/shared/lib/vis/visualizations/paohvis/components/HyperRangeBlock.tsx index a90c9f44eadac59ce1759725a576318e8f364ff6..c17730c4959b83e4d3047960c867ad80bb2d56e3 100644 --- a/libs/shared/lib/vis/visualizations/paohvis/components/HyperRangeBlock.tsx +++ b/libs/shared/lib/vis/visualizations/paohvis/components/HyperRangeBlock.tsx @@ -193,7 +193,13 @@ export const HyperEdgeRangesBlock: React.FC<HyperEdgeRangesBlockProps> = ({ </TooltipTrigger> <TooltipContent> <div> - <span>{row.data[indexRows]}</span> + <span className="overflow-hidden text-ellipsis whitespace-normal max-w-[300px] max-h-[100px] block"> + {row.data[indexRows] !== undefined && + row.data[indexRows] !== '' && + (typeof row.data[indexRows] !== 'object' || Array.isArray(row.data[indexRows])) + ? row.data[indexRows].toString() + : 'NoData'} + </span> </div> </TooltipContent> </Tooltip> diff --git a/libs/shared/lib/vis/visualizations/paohvis/components/RowLabels.tsx b/libs/shared/lib/vis/visualizations/paohvis/components/RowLabels.tsx index 7744fb88e4af25ef7b87331a2562548f276dfb68..d7c97eb13d9ecc05f1e08e056e30ac65b8053b3a 100644 --- a/libs/shared/lib/vis/visualizations/paohvis/components/RowLabels.tsx +++ b/libs/shared/lib/vis/visualizations/paohvis/components/RowLabels.tsx @@ -131,7 +131,13 @@ export const RowLabels = ({ </TooltipTrigger> <TooltipContent> <div> - <span>{row.data[indexRows]}</span> + <span className="overflow-hidden text-ellipsis whitespace-normal max-w-[300px] max-h-[100px] block"> + {row.data[indexRows] !== undefined && + row.data[indexRows] !== '' && + (typeof row.data[indexRows] !== 'object' || Array.isArray(row.data[indexRows])) + ? row.data[indexRows].toString() + : 'NoData'} + </span> </div> </TooltipContent> </Tooltip>