From: Ardis Lu <ardisglu@gmail.com>
Date: Thu, 28 Sep 2023 04:34:49 +0000 (-0700)
Subject: Truncate and wrap output
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=f856672c2d05019d19480e30ed9801aef9720721;p=zip-page

Truncate and wrap output
---

diff --git a/index.html b/index.html
index 935e2ea..9c6855b 100644
--- 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>