Merge pull request #1898 from Shoaibdev7/Make-the-tool-tip-scrollable

Fixed(Graph-Tooltip): Make the tool tip scrollable
stakwork · Jul 23, 2024 · 3789b20 · 3789b20
2 parents 5908ff6 + eb010ed
commit 3789b20
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/Universe/Graph/Cubes/Cube/components/Tooltip/index.tsx b/src/components/Universe/Graph/Cubes/Cube/components/Tooltip/index.tsx
@@ -12,11 +12,13 @@ const Wrapper = styled(Flex)(({ theme }) => ({
   top: '65px',
   right: '55px',
   width: '300px',
-  pointerEvents: 'none',
+  pointerEvents: 'auto',
   background: colors.dashboardHeader,
   boxShadow: '0px 1px 6px rgba(0, 0, 0, 0.1)',
   color: colors.primaryText1,
   zIndex: 100,
+  maxHeight: '400px',
+  overflowY: 'auto',
   transition: 'opacity 0.6s',
   padding: theme.spacing(2, 3),
   [theme.breakpoints.down('sm')]: {

diff --git a/src/components/Universe/Overlay/index.tsx b/src/components/Universe/Overlay/index.tsx
@@ -32,6 +32,7 @@ const OverlayWrap = styled('div')(({ theme }) => ({
   height: '100%',
   width: '100%',
   padding: '16px',
+  overflow: 'hidden',
   [theme.breakpoints.down('sm')]: {
     top: 50,
   },