fix #2533: quarantine: add overflowHandler to the preview panel

[pmg-gui.git] / js / MailInfo.js

diff --git a/js/MailInfo.js b/js/MailInfo.js
index f14dad10312ef69b67c0b318784fbf35ec2ac3c6..1b2b5b03e833d28457f1a5c9e16efbf84b846c61 100644 (file)
--- a/js/MailInfo.js
+++ b/js/MailInfo.js
@@ -11,8 +11,8 @@ Ext.define('PMG.MailInfoBox', {
     update: function(data) {
        let me = this;
        let escaped = {};
-       for (const [key, value] of Object.entries(data)) {
-           escaped[key] = Ext.htmlEncode(value);
+       for (const [key, value] of Object.entries(data || {})) {
+           escaped[key] = Ext.util.Format.ellipsis(Ext.htmlEncode(value), 103);
        }
        me.items.each((item) => item.update(escaped));
     },
@@ -24,10 +24,15 @@ Ext.define('PMG.MailInfoBox', {
 
     defaults: {
        xtype: 'tbtext',
+       margin: '2 2 0 0 ',
     },
 
     items: [
-       { tpl: `<b>${gettext("From")}:</b> {from}` },
-       { tpl: `<b>${gettext("Subject")}:</b> {subject}` },
+       {
+           tpl: `<b class="bold">${gettext("From")}:</b> {from}`
+             + `<span style="float:right;white-space:normal;overflow-wrap:break-word;">`
+             + `<b class="bold">${gettext("Receiver")}:</b> {receiver}</span>`,
+       },
+       { tpl: `<b class="bold">${gettext("Subject")}:</b> {subject}` },
     ],
 });