fix: Add scroll bar to Query Engine Status popover (#1353)

pinterest · Nov 29, 2023 · f8d8dd4 · f8d8dd4
1 parent 0b5699a
commit f8d8dd4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/querybook/webapp/components/QueryEngineStatusButton/QueryEngineStatusButton.tsx b/querybook/webapp/components/QueryEngineStatusButton/QueryEngineStatusButton.tsx
@@ -167,7 +167,7 @@ export const QueryEngineStatusButton: React.FC<IProps> = ({
 
         const panelContent = (
             <div className="QueryEngineStatusPopover">
-                <Menu>
+                <Menu height="75vh">
                     <MenuInfoItem>
                         <Timer
                             formatter={timerFormatter}

diff --git a/querybook/webapp/ui/Menu/Menu.tsx b/querybook/webapp/ui/Menu/Menu.tsx
@@ -10,7 +10,7 @@ export const Menu = styled.div.attrs<{
 })`
     ${(props) =>
         props.height &&
-        `maxHeight: ${props.height};
+        `max-height: ${props.height};
         overflow-x: hidden;
         overflow-y: auto;`}
     ${(props) => props.boxShadow && 'box-shadow: var(--box-shadow);'}