From 54f4340c90c8a367e6f73308c559c28f936db288 Mon Sep 17 00:00:00 2001
From: RunDevelopment <mitchi5000.ms@googlemail.com>
Date: Thu, 29 Feb 2024 16:12:48 +0100
Subject: [PATCH] Fixed text overflow for long node names

---
 .../NodeDocumentation/NodesList.tsx           |  3 +++
 src/renderer/hooks/usePaneNodeSearchMenu.tsx  | 24 +++++++++----------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/renderer/components/NodeDocumentation/NodesList.tsx b/src/renderer/components/NodeDocumentation/NodesList.tsx
index ec37147f2..95fcb3d8e 100644
--- a/src/renderer/components/NodeDocumentation/NodesList.tsx
+++ b/src/renderer/components/NodeDocumentation/NodesList.tsx
@@ -174,6 +174,9 @@ export const NodesList = memo(
                                                         <Text
                                                             cursor="pointer"
                                                             key={node.schemaId}
+                                                            overflow="hidden"
+                                                            textOverflow="ellipsis"
+                                                            whiteSpace="nowrap"
                                                         >
                                                             {node.name}
                                                         </Text>
diff --git a/src/renderer/hooks/usePaneNodeSearchMenu.tsx b/src/renderer/hooks/usePaneNodeSearchMenu.tsx
index 5bfea28a3..37bc5dd82 100644
--- a/src/renderer/hooks/usePaneNodeSearchMenu.tsx
+++ b/src/renderer/hooks/usePaneNodeSearchMenu.tsx
@@ -8,7 +8,6 @@ import {
     InputLeftElement,
     InputRightElement,
     MenuList,
-    Spacer,
     Text,
 } from '@chakra-ui/react';
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
@@ -104,23 +103,24 @@ const SchemaItem = memo(
                     icon={schema.icon}
                 />
                 <Text
+                    flex={1}
                     h="full"
+                    overflow="hidden"
+                    textOverflow="ellipsis"
                     verticalAlign="middle"
+                    whiteSpace="nowrap"
                 >
                     {schema.name}
                 </Text>
                 {isFavorite && (
-                    <>
-                        <Spacer />
-                        <StarIcon
-                            aria-label="Favorites"
-                            boxSize={2.5}
-                            color="gray.500"
-                            overflow="hidden"
-                            stroke="gray.500"
-                            verticalAlign="middle"
-                        />
-                    </>
+                    <StarIcon
+                        aria-label="Favorites"
+                        boxSize={2.5}
+                        color="gray.500"
+                        overflow="hidden"
+                        stroke="gray.500"
+                        verticalAlign="middle"
+                    />
                 )}
             </HStack>
         );