<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<br>
<br>
<div class="moz-cite-prefix">On 17/01/2019 16:57, Travis Zimmerman
via ZendTo wrote:<br>
</div>
<blockquote type="cite"
cite="mid:WM!f133414a1bc92c729c0fc594fb9de36c3d601fcd589b34a1a0080480ffe8311ab950fc59fc7a0ae43f256d1e060fc6e5!@mx.jul.es">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<div class="" style="word-wrap:break-word;
line-break:after-white-space">
<div class="">We encountered a weird problem that only occurs
when forwarding or replying to emails from ZendTo using
Thunderbird. The background color from body defined in
local.css would get applied to the message from the person
forwarding or replying. At my university that means the
background was set to a dark garnet, which makes black text
hard to read. So this sent me down a whole rabbit hole of
looking at the HTML email templates, which brings up two
changes that I think would be great for ZendTo.</div>
<div class=""><br class="">
</div>
<div class="">1) Set the body tag in the website code
(header.tpl) and emails (email_header_html.tpl) to have
id=“zendtobody” or whatever you would like to name the id for
the body css. It would mean local.css needs a minor change
from body to #zendtobody. All around I think a pretty easy
minor change that clears up the weird Thunderbird interaction.</div>
</div>
</blockquote>
I can do that, no problem.<br>
<br>
<blockquote type="cite"
cite="mid:WM!f133414a1bc92c729c0fc594fb9de36c3d601fcd589b34a1a0080480ffe8311ab950fc59fc7a0ae43f256d1e060fc6e5!@mx.jul.es">
<div class="" style="word-wrap:break-word;
line-break:after-white-space">
<div class=""><br class="">
</div>
<div class="">2) I’ve attached some edits I made to
email_header_html.tpl and email_footer_html.tpl. My uni’s gold
logo looked a bit off on the grey background so I changed it
to match the garnet we use on the website, which is when I
realized that the email style was set manually instead of
using the local.css that it imports and that the rounded
corners were images. So I made changes to the templates to use
fully use the local.css branding and I converted one of the
tables into divs and set the content div (#container) to have
rounded corners without using images. Let me know what you
think, I think I managed to keep the design you created but
made it to automatically use the branding we define in the
local.css. I only had my uni logo and the default ZendTo logo
to test against, so I didn’t get to do an extensive amount of
testing.</div>
</div>
</blockquote>
Sadly, a lot of mail clients (hi, Outlook for starters!) display
HTML *very* poorly. Believe it or not, Outlook uses Word's HTML
renderer, rather than a web browser's one. If you try hard enough,
you can get Outlook to draw page breaks in an HTML email. I *wish* I
could have done the email styling with nice rounded corners and
everything.<br>
<br>
It took me a long time to produce a version that would render in
every email app and webmail service I tried. I hate and detest that
I had to do it with a table of nasty little images embedded with
data: URLs, but that's the only way to do it. Had it been possible
to do it the same way I did with the web pages, it would have saved
me days figuring it out.<br>
<br>
<blockquote type="cite"
cite="mid:WM!f133414a1bc92c729c0fc594fb9de36c3d601fcd589b34a1a0080480ffe8311ab950fc59fc7a0ae43f256d1e060fc6e5!@mx.jul.es">
<div class="" style="word-wrap:break-word;
line-break:after-white-space">
<div class=""><br class="">
</div>
</div>
<div class="" style="word-wrap:break-word;
line-break:after-white-space">
<br class="">
<div class="">
<div class="" style="color:rgb(0,0,0); letter-spacing:normal;
text-align:start; text-indent:0px; text-transform:none;
white-space:normal; word-spacing:0px; word-wrap:break-word">
<div class="" style="orphans:2; widows:2">------------------------------------------------------</div>
<div class="" style="orphans:2; widows:2">Travis Zimmerman<span class="x_Apple-tab-span" style="white-space:pre">
</span><a href="mailto:tzimmerman@fsu.edu" class=""
moz-do-not-send="true">tzimmerman@fsu.edu</a><span class="x_Apple-tab-span" style="white-space:pre">
</span>850-645-8030</div>
<div class="" style="orphans:2; widows:2">
<div class="">Linux Enterprise Applications & Systems<span class="x_Apple-tab-span" style="white-space:pre">
</span><a href="mailto:its-linuxadmins@fsu.edu" class=""
moz-do-not-send="true">its-linuxadmins@fsu.edu</a></div>
<div class="">Information Technology Services, Florida
State University</div>
</div>
</div>
</div>
<br class="">
</div>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<pre class="moz-quote-pre" wrap="">_______________________________________________
ZendTo mailing list
<a class="moz-txt-link-abbreviated" href="mailto:ZendTo@zend.to">ZendTo@zend.to</a>
<a class="moz-txt-link-freetext" href="http://jul.es/mailman/listinfo/zendto">http://jul.es/mailman/listinfo/zendto</a>
</pre>
</blockquote>
<br>
<pre class="moz-signature" cols="72">Jules
--
Julian Field MEng CEng CITP MBCS MIEEE MACM
'There is one thing stronger than all the armies in the world;
and that is an idea whose time has come.'
<a class="moz-txt-link-abbreviated" href="http://www.Zend.To">www.Zend.To</a>
Twitter: @JulesFM
</pre>
</body>
</html>