<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>
Ah, yes. Just had a look at email_header_html.tpl. The CSS defined
at the top of the file gets totally ignored by quite a lot of things
that render emails. Hence the duplication, as by the time I had got
something that worked (with all the styling defined directly in the
tags) I didn't have the patience to carefully remove the definitions
at the top and check it all still worked correctly. It worked, that
was good enough. Exasperating is not the word I would choose, but it
gets you in the right general direction.<br>
<br>
Cheers,<br>
Jules.<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 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
How to stop time: kiss.
How to travel in time: read.
How to escape time: music.
How to feel time: write.
How to release time: breathe.
<a class="moz-txt-link-abbreviated" href="http://www.Zend.To">www.Zend.To</a>
Twitter: @JulesFM
</pre>
</body>
</html>