Fix large dir names in SelectRemotePath (#8262)

Tribler · Nov 13, 2024 · 2ea266c · 2ea266c
2 parents a634002 + 27250bd
commit 2ea266c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/tribler/ui/src/dialogs/SelectRemotePath.tsx b/src/tribler/ui/src/dialogs/SelectRemotePath.tsx
@@ -55,7 +55,7 @@ export default function SelectRemotePath(props: SelectRemotePathProps & JSX.Intr
             <DialogContent className="max-w-3xl">
                 <DialogHeader>
                     <DialogTitle>Please select a {selectDir ? 'directory' : 'file'}</DialogTitle>
-                    <DialogDescription className="text-base">{currentPath || initialPath}</DialogDescription>
+                    <DialogDescription className="text-base break-all line-clamp-1">{currentPath || initialPath}</DialogDescription>
                 </DialogHeader>
 
                 <ScrollArea className="max-h-[380px] border">
@@ -79,7 +79,7 @@ export default function SelectRemotePath(props: SelectRemotePathProps & JSX.Intr
                 </ScrollArea>
 
                 <DialogFooter className="items-baseline">
-                    {!selectDir && <p className="grow text-base">{lastClicked?.path || initialPath}</p>}
+                    {!selectDir && <p className="grow text-base break-all line-clamp-1">{lastClicked?.path || initialPath}</p>}
                     <Button
                         variant="outline"
                         type="submit"