diff --git a/libs/shared/lib/components/VisualizationTooltip/VisualizationTooltip.tsx b/libs/shared/lib/components/VisualizationTooltip/VisualizationTooltip.tsx index b82ecc64ff16a3a3bbcae32defcf7efbc0c2afd2..67ecc6be1e80fc0663d9e544d2f2740df0bde69e 100644 --- a/libs/shared/lib/components/VisualizationTooltip/VisualizationTooltip.tsx +++ b/libs/shared/lib/components/VisualizationTooltip/VisualizationTooltip.tsx @@ -13,14 +13,9 @@ export const VisualizationTooltip: React.FC<VisualizationTooltipProps> = ({ name <div className="flex m-0 justify-start items-stretch border-b border-sec-200 relative"> <div className="left-0 top-0 h-auto w-1.5" style={{ backgroundColor: colorHeader }}></div> <div className="px-2.5 py-1 truncate flex"> - <Tooltip> - <TooltipTrigger className={'flex max-w-full'}> - <span className="text-base font-semibold truncate">{name}</span> - </TooltipTrigger> - <TooltipContent side={'top'}> - <span>{name}</span> - </TooltipContent> - </Tooltip> + <div className={'flex max-w-full'}> + <span className="text-base font-semibold truncate">{name}</span> + </div> </div> </div> {children} diff --git a/libs/shared/lib/vis/visualizations/nodelinkvis/components/NLPopup.tsx b/libs/shared/lib/vis/visualizations/nodelinkvis/components/NLPopup.tsx index 8d6c6e404d1d4a366d91e18b737d12afab308705..4a8615ec4c26293c796f866b22f10c2ce12c548b 100644 --- a/libs/shared/lib/vis/visualizations/nodelinkvis/components/NLPopup.tsx +++ b/libs/shared/lib/vis/visualizations/nodelinkvis/components/NLPopup.tsx @@ -19,32 +19,22 @@ export const NLPopUp: React.FC<NLPopUpProps> = ({ data }) => { </div> ) : ( Object.entries(data).map(([k, v], index) => ( - <Tooltip key={`${k}-${index}`}> - <TooltipTrigger asChild> - <div className="flex flex-row gap-1 items-center min-h-5"> - <span className={`font-semibold truncate min-w-[40%]`}>{k}</span> - <span className="ml-auto text-right truncate grow-1 flex items-center"> - {v !== undefined && (typeof v !== 'object' || Array.isArray(v)) && v != '' ? ( - <span className="ml-auto text-right truncate">{typeof v === 'number' ? formatNumber(v) : v.toString()}</span> - ) : ( - <div - className={`ml-auto mt-auto h-4 w-12 border-[1px] solid border-gray`} - style={{ - background: - 'repeating-linear-gradient(-45deg, transparent, transparent 6px, #eaeaea 6px, #eaeaea 8px), linear-gradient(to bottom, transparent, transparent)', - }} - ></div> - )} - </span> - </div> - </TooltipTrigger> - <TooltipContent side="right"> - <div className="max-w-[18rem] break-all line-clamp-6"> - <span className="font-semibold">{k + ': '}</span> - <span>{v !== undefined && (typeof v !== 'object' || Array.isArray(v)) && v != '' ? v : 'noData'}</span> - </div> - </TooltipContent> - </Tooltip> + <div className="flex flex-row gap-1 items-center min-h-5"> + <span className={`font-semibold truncate min-w-[40%]`}>{k}</span> + <span className="ml-auto text-right truncate grow-1 flex items-center"> + {v !== undefined && (typeof v !== 'object' || Array.isArray(v)) && v != '' ? ( + <span className="ml-auto text-right truncate">{typeof v === 'number' ? formatNumber(v) : v.toString()}</span> + ) : ( + <div + className={`ml-auto mt-auto h-4 w-12 border-[1px] solid border-gray`} + style={{ + background: + 'repeating-linear-gradient(-45deg, transparent, transparent 6px, #eaeaea 6px, #eaeaea 8px), linear-gradient(to bottom, transparent, transparent)', + }} + ></div> + )} + </span> + </div> )) )} </div>