Merge pull request #229 from XpressAI/fahreza/update-overflow

Update Long String Overflow Display
XpressAI · Apr 6, 2023 · 951ee1f · 951ee1f
2 parents 166b4ae + dee72f1
commit 951ee1f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/port/CustomPortLabel.tsx b/src/components/port/CustomPortLabel.tsx
@@ -19,9 +19,9 @@ namespace S {
 	export const Label = styled.div`
 		padding: 0 5px;
 		flex-grow: 1;
-		text-overflow: ellipsis;
+		white-space: pre-wrap; // Preserve line breaks and wrap text to the next line
 		overflow:hidden;
-		max-width: 640px;
+		max-width: 40ch;
 	`;
 
 	export const SymbolContainer = styled.div<{ symbolType: string; selected: boolean; isOutPort: boolean }>`