From a2e9f8ffeed061599e014835607d8aa8ecd91094 Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Sat, 23 Sep 2023 17:38:16 +0300
Subject: [PATCH] [ENG-1133] Tooltip overflow fix - take up y-axis space
 (#1374)

Tooltip overflow fix, take up y-axis space
---
 .../app/$libraryId/Explorer/FilePath/RenameTextBox.tsx     | 7 ++++++-
 packages/ui/src/Tooltip.tsx                                | 3 ++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/interface/app/$libraryId/Explorer/FilePath/RenameTextBox.tsx b/interface/app/$libraryId/Explorer/FilePath/RenameTextBox.tsx
index c647875dc..3847cf71d 100644
--- a/interface/app/$libraryId/Explorer/FilePath/RenameTextBox.tsx
+++ b/interface/app/$libraryId/Explorer/FilePath/RenameTextBox.tsx
@@ -154,7 +154,12 @@ export const RenameTextBoxBase = forwardRef<HTMLDivElement | null, Props>(
 		}, [blur]);
 
 		return (
-			<Tooltip label={!isTruncated || allowRename ? null : text} asChild>
+			<Tooltip
+				labelClassName="break-all"
+				tooltipClassName="!max-w-[250px]"
+				label={!isTruncated || allowRename ? null : text}
+				asChild
+			>
 				<div
 					ref={ref}
 					role="textbox"
diff --git a/packages/ui/src/Tooltip.tsx b/packages/ui/src/Tooltip.tsx
index e72aa8f6d..e48dbd53f 100644
--- a/packages/ui/src/Tooltip.tsx
+++ b/packages/ui/src/Tooltip.tsx
@@ -9,6 +9,7 @@ export interface TooltipProps extends PropsWithChildren {
 	position?: 'top' | 'right' | 'bottom' | 'left';
 	className?: string;
 	tooltipClassName?: string;
+	labelClassName?: string;
 	asChild?: boolean;
 	hoverable?: boolean;
 	keybinds?: Array<String | keyof typeof ModifierKeys>;
@@ -45,7 +46,7 @@ export const Tooltip = ({ position = 'bottom', hoverable = true, ...props }: Too
 								props.tooltipClassName
 							)}
 						>
-							{props.label}
+							<p className={props.labelClassName}>{props.label}</p>
 							{props.keybinds && (
 								<div className="flex items-center justify-center gap-1">
 									{separateKeybinds(props.keybinds)?.map((k, _) => (