diff --git a/libs/shared/lib/components/tooltip/Tooltip.tsx b/libs/shared/lib/components/tooltip/Tooltip.tsx index 4f6b91f7dba0dc8c80a73d4c3dab6f2a02c0aa39..ac37a2506cccbfb9eae449e2e9627a165d88fd13 100644 --- a/libs/shared/lib/components/tooltip/Tooltip.tsx +++ b/libs/shared/lib/components/tooltip/Tooltip.tsx @@ -205,7 +205,7 @@ export const TooltipContent = React.forwardRef< <FloatingPortal> <div ref={ref} - className={`z-50 max-w-64 rounded bg-light px-2 py-2 shadow text-xs border border-secondary-200 + className={`max-w-64 rounded bg-light px-2 py-2 shadow text-xs border border-secondary-200 text-dark animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2${className ? ` ${className}` : ''}`} diff --git a/libs/shared/lib/vis/components/VisualizationPanel.tsx b/libs/shared/lib/vis/components/VisualizationPanel.tsx index b3aa4c1030b7010a81da4fa7f147826189214bee..65772caaaf0bc1b1df56d7267c804e7f855202e3 100644 --- a/libs/shared/lib/vis/components/VisualizationPanel.tsx +++ b/libs/shared/lib/vis/components/VisualizationPanel.tsx @@ -81,10 +81,9 @@ export const VisualizationPanel = ({ fullSize }: { fullSize: () => void }) => { return ( <div - className="vis-panel h-full w-full flex flex-col border bg-light" + className="relative pt-7 vis-panel h-full w-full flex flex-col border bg-light" onMouseDownCapture={() => dispatch(resultSetFocus({ focusType: 'visualization' }))} > - <VisualizationTabBar fullSize={fullSize} /> <div className="grow overflow-y-auto" style={graphQueryResult.nodes.length === 0 ? { overflow: 'hidden' } : {}}> {graphQueryResult.queryingBackend ? ( <Querying /> @@ -116,6 +115,7 @@ export const VisualizationPanel = ({ fullSize }: { fullSize: () => void }) => { </div> )} </div> + <VisualizationTabBar fullSize={fullSize} /> </div> ); }; diff --git a/libs/shared/lib/vis/components/VisualizationTabBar.tsx b/libs/shared/lib/vis/components/VisualizationTabBar.tsx index 8ff06c7a4541e239aa332c7da13b7c960481fd35..96b68a0349b98084f828c727daf932959549a3da 100644 --- a/libs/shared/lib/vis/components/VisualizationTabBar.tsx +++ b/libs/shared/lib/vis/components/VisualizationTabBar.tsx @@ -36,7 +36,7 @@ export default function VisualizationTabBar(props: { fullSize: () => void }) { }; return ( - <div className="sticky shrink-0 top-0 flex items-stretch justify-between h-7 bg-secondary-100 border-b border-secondary-200 max-w-full"> + <div className="absolute shrink-0 top-0 left-0 right-0 flex items-stretch justify-between h-7 bg-secondary-100 border-b border-secondary-200 max-w-full"> <div className="flex items-center"> <h1 className="text-xs font-semibold text-secondary-600 px-2 truncate">Visualization</h1> </div>