Fix source link with text

ome · Feb 10, 2023 · 6cdf2bf · 6cdf2bf
1 parent 42d431b
commit 6cdf2bf
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/ImageItem.jsx b/src/ImageItem.jsx
@@ -89,11 +89,20 @@ export default function ImageItem({ source }) {
     <td key={dim}>{imgInfo?.dims?.[dim]}</td>
   ));
 
+  let link_style = {
+    maxWidth: 150,
+    display: "block",
+    textOverflow: "ellipsis",
+    direction: "rtl",
+    whiteSpace: "nowrap",
+    overflow: "hidden"
+  }
+
   return (
     <tr>
       <td>{imgInfo.version}</td>
       <td>
-        <a href="{source}">source</a>
+        <a title={source} style={link_style} href={source}>{source}</a>
         <OpenWith source={source} />
       </td>
       {sizes}