gorhill
diff --git a/‎src/js/resources/prevent-clipboard-write.js‎
Lines changed: 16 additions & 4 deletions b/‎src/js/resources/prevent-clipboard-write.js‎
Lines changed: 16 additions & 4 deletions
@@ -59,11 +59,23 @@ function preventClipboardWrite(matches = '', ...varargs) {
         const div = doc.createElement('div');
         const span = doc.createElement('span');
         span.style = 'flex-grow:1;padding:0.5em 0 0.5em 0.5em;';
-        const { domAlert } = extraArgs;
+        const domAlert = extraArgs.domAlert.replace(/\\n/g, '\n');
         const placeholder = /\$\{text\}/.exec(domAlert);
         if ( placeholder ) {
             const code = doc.createElement('code');
-            code.style = 'background-color:#ddc;font-family:monospace;padding:0.25em;user-select:none;word-break:break-all';
+            const styles = [
+                'background-color: #ddc',
+                'display: inline-block',
+                'font-family: monospace',
+                'max-height: 8em',
+                'overflow: auto',
+                'padding: 0.25em',
+                'word-break: break-all'
+            ];
+            if ( Boolean(extraArgs.selectable ?? true) === false ) {
+                styles.push('user-select: none');
+            }
+            code.style = styles.join(';');
             code.textContent = clipboardText;
             span.append(
                 domAlert.slice(0, placeholder.index),
@@ -74,15 +86,15 @@ function preventClipboardWrite(matches = '', ...varargs) {
             span.append(domAlert);
         }
         const button = doc.createElement('button');
-        button.style = 'padding:1em';
+        button.style = 'font-size:32px;padding:0.5em';
         button.textContent = '×';
         button.addEventListener('click', ( ) => {
             if ( currentAlert === null ) { return; }
             currentAlert.remove();
             currentAlert = null;
         });
         div.append(span, button);
-        div.style = 'background-color:beige;color:black;border:1px solid black;display:flex;font-size:medium;position:fixed;text-align:center;top:0;width:100%;z-index:2147483647';
+        div.style = 'background-color:beige;color:black;border:1px solid black;display:flex;font-family:sans-serif;font-size:medium;position:fixed;top:0;white-space:pre-wrap;width:100%;z-index:2147483647';
         doc.documentElement.append(div);
         if ( currentAlert ) {
             currentAlert.remove();