Truncate and wrap output

diff --git a/index.html b/index.html
index 935e2ea2d6b51b635982ffe7fed97add5dd358be..9c6855b91d1464878161be31603d10c3ac4015ae 100644 (file)
--- a/index.html
+++ b/index.html
@@ -75,6 +75,10 @@
       cursor: pointer;
     }
 
+    output {
+      word-break: break-all;
+    }
+
     footer {
       margin-block-start: auto;
       margin-block-end: 16px;
@@ -137,7 +141,7 @@
       const b64 = await textToGzipBase64(content);
 
       const url = `${location.origin}/#${b64}`;
-      e.target.elements['url'].innerHTML = `<a href="${url}">${url}</a>`;
+      e.target.elements['url'].innerHTML = `<a href="${url}">${url.substring(0, 60)}${url.length > 60 ? '...' : ''}</a>`;
     });
   </script>
 </body>