Fix dealing with large swarm names

Tribler · Nov 13, 2024 · a1262d4 · a1262d4
1 parent 56f477b
commit a1262d4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/tribler/ui/src/pages/Downloads/index.tsx b/src/tribler/ui/src/pages/Downloads/index.tsx
@@ -54,6 +54,9 @@ const downloadColumns: ColumnDef<Download>[] = [
                 </Button>
             )
         },
+        cell: ({ row }) => {
+            return <span className="break-all line-clamp-1">{row.original.name}</span>
+        },
     },
     {
         accessorKey: "size",

diff --git a/src/tribler/ui/src/pages/Popular/index.tsx b/src/tribler/ui/src/pages/Popular/index.tsx
@@ -32,7 +32,7 @@ const getColumns = ({ onDownload }: { onDownload: (torrent: Torrent) => void }):
         header: translateHeader('Name'),
         cell: ({ row }) => {
             return <span
-                className="inline-block cursor-pointer hover:underline line-clamp-1"
+                className="cursor-pointer hover:underline break-all line-clamp-1"
                 onClick={() => onDownload(row.original)}>
                 {row.original.name}
             </span>

diff --git a/src/tribler/ui/src/pages/Search/index.tsx b/src/tribler/ui/src/pages/Search/index.tsx
@@ -33,7 +33,7 @@ const getColumns = ({ onDownload }: { onDownload: (torrent: Torrent) => void }):
         header: "Name",
         cell: ({ row }) => {
             return <span
-                className="inline-block cursor-pointer hover:underline line-clamp-1"
+                className="cursor-pointer hover:underline break-all line-clamp-1"
                 onClick={() => onDownload(row.original)}>
                 {row.original.name}
             </span>