add richtext-content style to emails
This commit is contained in:
parent
561d8163ef
commit
db8b944e68
1 changed files with 71 additions and 34 deletions
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue