add richtext-content style to emails

This commit is contained in:
Felix Niklas 2016-05-12 15:25:47 +02:00
parent 561d8163ef
commit db8b944e68

View file

@ -115,7 +115,7 @@ module Channel::EmailBuild
content_disposition: attachment.preferences['Content-Disposition'] || 'attachment',
content_type: attachment.preferences['Content-Type'],
mime_type: attachment.preferences['Mime-Type'],
content: attachment.content,
content: attachment.content
}
end
end
@ -146,39 +146,76 @@ Check if string is a complete html document. If not, add head and css styles.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
body {
width:90% !important;
-webkit-text-size-adjust:90%;
-ms-text-size-adjust:90%;
#{css};
}
img {
outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;
}
a img {
border:none;
}
table td {
border-collapse: collapse;
}
table {
border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;
}
p, table, div, td {
max-width: 600px;
}
p {
margin: 0;
}
blockquote {
border-left: 2px solid blue;
margin: 0px;
padding: 8px 12px 8px 12px;
}
pre {
margin: 0px;
padding: 8px 12px 8px 12px;
}
body {
width: 90% !important;
-webkit-text-size-adjust: 90%;
-ms-text-size-adjust: 90%;
#{css};
}
img {
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
a img {
border: none;
}
table td {
border-collapse: collapse;
}
table {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
border: none;
table-layout: auto;
display: block;
width: 100%;
overflow: auto;
word-break: keep-all;
}
p, table, div, td {
max-width: 600px;
}
p,
table,
pre,
blockquote {
margin: 0 0 16px;
}
td, th {
padding: 7px 12px;
border: 1px solid hsl(0,0%,87%);
}
th {
font-weight: bold;
text-align: center;
}
tbody tr:nth-child(even) {
background: hsl(0,0%,97%);
}
col {
width: auto;
}
code {
border: none;
background: hsl(0,0%,97%);
white-space: normal;
}
blockquote {
padding: 8px 12px;
border-left: 5px solid #eee;
}
pre {
padding: 12px 15px;
font-size: 13px;
line-height: 1.45;
background: hsl(0,0%,97%);
white-space: pre-wrap;
border-radius: 3px;
border: none;
overflow: auto;
}
</style>
<head>
<body style="#{css}">#{html}</body>