pmg-gui/js/MailInfo.js
Thomas Lamprecht ca33688b5d mailinfo: fix bold in firefox and add some margin
As the <b> tag in combination with extjs resulted in a "font-weight:
bolder" setting which was not rendered correctly in Firefox.
Use our own css class to set font-weight to bold.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
2020-04-15 12:57:31 +02:00

35 lines
683 B
JavaScript

Ext.define('PMG.MailInfoBox', {
extend: 'Ext.container.Container',
xtype: 'pmgMailInfo',
cls: 'x-toolbar-default',
style: {
'border-left': '0px',
'border-right': '0px',
},
update: function(data) {
let me = this;
let escaped = {};
for (const [key, value] of Object.entries(data)) {
escaped[key] = Ext.htmlEncode(value);
}
me.items.each((item) => item.update(escaped));
},
layout: {
type: 'vbox',
align: 'stretch',
},
defaults: {
xtype: 'tbtext',
margin: '2 2 0 0 ',
},
items: [
{ tpl: `<b class="bold">${gettext("From")}:</b> {from}` },
{ tpl: `<b class="bold">${gettext("Subject")}:</b> {subject}` },
],
});