Use system-ui font inside message bodies on Win32

This commit is contained in:
Ben Gotow 2017-10-16 15:41:54 -07:00
parent 2a95f8f768
commit 68c567f03d
3 changed files with 14 additions and 3 deletions

View file

@ -41,7 +41,9 @@ export default class EmailFrame extends React.Component {
// the `border-collapse: collapse` css property while setting a
// `padding`.
doc.write('<!DOCTYPE html>');
doc.write(`<div id='inbox-html-wrapper'>${this.props.content}</div>`);
doc.write(
`<div id='inbox-html-wrapper' class="${process.platform}">${this.props.content}</div>`
);
doc.close();
// autolink(doc, {async: true});

View file

@ -71,7 +71,9 @@ export default class EmailFrame extends React.Component {
if (styles) {
doc.write(`<style>${styles}</style>`);
}
doc.write(`<div id='inbox-html-wrapper'>${this._emailContent()}</div>`);
doc.write(
`<div id='inbox-html-wrapper' class="${process.platform}">${this._emailContent()}</div>`
);
doc.close();
autolink(doc, { async: true });

View file

@ -50,7 +50,6 @@
html,
body {
font-family: 'Nylas-Pro', 'Helvetica', 'Lucidia Grande', sans-serif;
font-size: 14.5px;
line-height: 1.5;
color: @text-color;
@ -66,6 +65,14 @@
-webkit-line-break: after-white-space;
}
#inbox-html-wrapper {
font-family: 'Nylas-Pro', 'Helvetica', 'Lucidia Grande', sans-serif;
}
#inbox-html-wrapper.platform-win32 {
font-family: system-ui;
}
strong,
b,
.bold {