Fixed context selector pane moving body (#2733)

chaiNNer-org · Apr 4, 2024 · 2dd3d88 · 2dd3d88
1 parent 0795b6c
commit 2dd3d88
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/renderer/global.scss b/src/renderer/global.scss
@@ -40,10 +40,14 @@
     }
 }
 
-body {
+html {
     overflow: hidden;
 }
 
+body {
+    overflow: clip;
+}
+
 .react-flow__attribution {
     display: none;
 }

diff --git a/src/renderer/hooks/usePaneNodeSearchMenu.tsx b/src/renderer/hooks/usePaneNodeSearchMenu.tsx
@@ -287,9 +287,11 @@ const Menu = memo(({ onSelect, schemata, favorites, categories, suggestions }: M
     return (
         <MenuList
             bgColor={menuBgColor}
+            borderRadius="md"
             borderWidth={0}
             className="nodrag"
             overflow="hidden"
+            p={0}
             onContextMenu={stopPropagation}
         >
             <InputGroup
@@ -304,7 +306,7 @@ const Menu = memo(({ onSelect, schemata, favorites, categories, suggestions }: M
                 </InputLeftElement>
                 <Input
                     autoFocus
-                    borderRadius={0}
+                    borderRadius="md"
                     placeholder="Search..."
                     spellCheck={false}
                     type="text"
@@ -332,7 +334,7 @@ const Menu = memo(({ onSelect, schemata, favorites, categories, suggestions }: M
             </InputGroup>
             <Box
                 h="auto"
-                maxH={400}
+                maxH="calc(min(400px, 50vh - 50px))"
                 overflowY="scroll"
                 p={1}
             >