Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add richtext-content style to emails

Browse source
This commit is contained in:
Felix Niklas 2016-05-12 15:25:47 +02:00
parent 561d8163ef
commit db8b944e68
1 changed files with 71 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

105
app/models/channel/email_build.rb
View file

@ -115,7 +115,7 @@ module Channel::EmailBuild
content_disposition: attachment.preferences['Content-Disposition'] || 'attachment', content_disposition: attachment.preferences['Content-Disposition'] || 'attachment',
content_type: attachment.preferences['Content-Type'], content_type: attachment.preferences['Content-Type'],
mime_type: attachment.preferences['Mime-Type'], mime_type: attachment.preferences['Mime-Type'],
content: attachment.content, content: attachment.content
} }
end end
end end
@ -146,39 +146,76 @@ Check if string is a complete html document. If not, add head and css styles.
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css"> <style type="text/css">
body { body {
width:90% !important; width: 90% !important;
-webkit-text-size-adjust:90%; -webkit-text-size-adjust: 90%;
-ms-text-size-adjust:90%; -ms-text-size-adjust: 90%;
#{css}; #{css};
} }
img { img {
outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; outline: none;
} text-decoration: none;
a img { -ms-interpolation-mode: bicubic;
border:none; }
} a img {
table td { border: none;
border-collapse: collapse; }
} table td {
table { border-collapse: collapse;
border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
} table {
p, table, div, td { border-collapse: collapse;
max-width: 600px; mso-table-lspace: 0pt;
} mso-table-rspace: 0pt;
p { border: none;
margin: 0; table-layout: auto;
} display: block;
blockquote { width: 100%;
border-left: 2px solid blue; overflow: auto;
margin: 0px; word-break: keep-all;
padding: 8px 12px 8px 12px; }
} p, table, div, td {
pre { max-width: 600px;
margin: 0px; }
padding: 8px 12px 8px 12px; 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> </style>
<head> <head>
<body style="#{css}">#{html}</body> <body style="#{css}">#{html}</body>