fix(ui): wrap too long tracker url (#757)

jesec · Jun 7, 2024 · 4b36bdb · 4b36bdb
1 parent b52ff51
commit 4b36bdb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/client/src/javascript/components/modals/torrent-details-modal/TorrentTrackers.tsx b/client/src/javascript/components/modals/torrent-details-modal/TorrentTrackers.tsx
@@ -15,7 +15,7 @@ const TorrentTrackers: FC = () => {
 
   const trackerDetails = trackers.map((tracker) => (
     <tr key={tracker.url}>
-      <td>{tracker.url}</td>
+      <td className="torrent-details__trackers--url">{tracker.url}</td>
       <td>{trackerTypes[tracker.type - 1]}</td>
     </tr>
   ));

diff --git a/client/src/sass/components/_torrent-details-panel.scss b/client/src/sass/components/_torrent-details-panel.scss
@@ -347,4 +347,11 @@ $torrent-details--tags--foreground: #1a2028;
       white-space: nowrap;
     }
   }
+
+  &__trackers {
+    &--url {
+      overflow-wrap: anywhere;
+      text-wrap: balance;
+    }
+  }
 }