0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00

Updated email template to include comment link in header and footer (#16423)

Refs https://github.com/TryGhost/Team/issues/2740

---------

Co-authored-by: Steve Larson <9larsons@gmail.com>
This commit is contained in:
Sanne de Vries 2023-03-16 16:10:53 +01:00 committed by GitHub
parent 330e86944c
commit cdcb3dcd6f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 506 additions and 106 deletions

View file

@ -126,11 +126,25 @@ Object {
.post-title-link-left {
text-align: left;
}
.comment-link {
color: #738a94;
font-size: 13px;
letter-spacing: 0.1px;
}
.comment-link img {
width: 16px;
height: 16px;
margin-bottom: 1px;
vertical-align: middle;
}
.view-online-link {
word-wrap: none;
white-space: nowrap;
color: #15212A;
}
.view-online-labs .view-online-link {
color: #738a94;
}
.kg-nft-link {
display: block;
text-decoration: none !important;
@ -215,13 +229,28 @@ table.body .article {
padding-bottom: 15px !important;
}
table.body .post-meta {
table.body .post-meta,
table.body .post-meta-date {
white-space: normal !important;
font-size: 12px !important;
line-height: 1.5em;
}
table.body .post-meta-labs,
table.body .view-online-labs {
display: inline-block;
}
table.body .post-meta.author-date {
width: 100%;
}
table.body .view-online-labs {
text-decoration: underline;
}
table.body .view-online-link,
table.body .comment-link,
table.body .footer,
table.body .footer a {
font-size: 12px !important;
@ -391,13 +420,16 @@ table.body figcaption a {
</tr>
<tr>
<td style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; font-size: 18px; vertical-align: top; color: #15212A;\\" valign=\\"top\\">
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;\\">
<tr>
<td class=\\"post-meta\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; padding-bottom: 50px; color: #738a94; font-size: 13px; letter-spacing: 0.2px; text-transform: uppercase; text-align: center;\\" valign=\\"top\\" align=\\"center\\">
By Joe Bloggs &#x2013; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 1970 &#x2013; </span><a href=\\"http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; color: #15212A; overflow-wrap: anywhere;\\" target=\\"_blank\\">View online &#x2192;</a>
</td>
</tr>
</table>
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding-bottom: 48px;\\">
<tr>
<td class=\\"post-meta post-meta-labs author-date\\" align=\\"center\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; text-align: center; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none;\\" valign=\\"top\\">
By Joe Bloggs &#x2022; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 1970 </span>
</td>
<td class=\\"post-meta view-online view-online-labs\\" align=\\"right\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none; text-align: right;\\" valign=\\"top\\">
<a href=\\"http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; overflow-wrap: anywhere; color: #738a94;\\" target=\\"_blank\\">View in browser</a>
</td>
</tr>
</table>
</td>
</tr>
@ -519,7 +551,10 @@ Post with email-only card [http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2e
By Joe Bloggs 1 Jan 1970 View online → [http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/]
By Joe Bloggs • 1 Jan 1970
View in browser [http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/]
@ -585,7 +620,7 @@ exports[`Email Preview API Read can read post email preview with email card and
Object {
"access-control-allow-origin": "http://127.0.0.1:2369",
"cache-control": "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0",
"content-length": "18962",
"content-length": "20189",
"content-type": "application/json; charset=utf-8",
"content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/,
"etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/,
@ -625,11 +660,25 @@ Object {
.post-title-link-left {
text-align: left;
}
.comment-link {
color: #738a94;
font-size: 13px;
letter-spacing: 0.1px;
}
.comment-link img {
width: 16px;
height: 16px;
margin-bottom: 1px;
vertical-align: middle;
}
.view-online-link {
word-wrap: none;
white-space: nowrap;
color: #15212A;
}
.view-online-labs .view-online-link {
color: #738a94;
}
.kg-nft-link {
display: block;
text-decoration: none !important;
@ -714,13 +763,28 @@ table.body .article {
padding-bottom: 15px !important;
}
table.body .post-meta {
table.body .post-meta,
table.body .post-meta-date {
white-space: normal !important;
font-size: 12px !important;
line-height: 1.5em;
}
table.body .post-meta-labs,
table.body .view-online-labs {
display: inline-block;
}
table.body .post-meta.author-date {
width: 100%;
}
table.body .view-online-labs {
text-decoration: underline;
}
table.body .view-online-link,
table.body .comment-link,
table.body .footer,
table.body .footer a {
font-size: 12px !important;
@ -890,13 +954,16 @@ table.body figcaption a {
</tr>
<tr>
<td style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; font-size: 18px; vertical-align: top; color: #15212A;\\" valign=\\"top\\">
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;\\">
<tr>
<td class=\\"post-meta\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; padding-bottom: 50px; color: #738a94; font-size: 13px; letter-spacing: 0.2px; text-transform: uppercase; text-align: center;\\" valign=\\"top\\" align=\\"center\\">
By Joe Bloggs &#x2013; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 2015 &#x2013; </span><a href=\\"http://127.0.0.1:2369/html-ipsum/\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; color: #15212A; overflow-wrap: anywhere;\\" target=\\"_blank\\">View online &#x2192;</a>
</td>
</tr>
</table>
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding-bottom: 48px;\\">
<tr>
<td class=\\"post-meta post-meta-labs author-date\\" align=\\"center\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; text-align: center; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none;\\" valign=\\"top\\">
By Joe Bloggs &#x2022; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 2015 </span>
</td>
<td class=\\"post-meta view-online view-online-labs\\" align=\\"right\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none; text-align: right;\\" valign=\\"top\\">
<a href=\\"http://127.0.0.1:2369/html-ipsum/\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; overflow-wrap: anywhere; color: #738a94;\\" target=\\"_blank\\">View in browser</a>
</td>
</tr>
</table>
</td>
</tr>
@ -1022,7 +1089,10 @@ HTML Ipsum [http://127.0.0.1:2369/html-ipsum/]
By Joe Bloggs 1 Jan 2015 View online → [http://127.0.0.1:2369/html-ipsum/]
By Joe Bloggs • 1 Jan 2015
View in browser [http://127.0.0.1:2369/html-ipsum/]
@ -1104,7 +1174,7 @@ exports[`Email Preview API Read can read post email preview with fields 4: [head
Object {
"access-control-allow-origin": "http://127.0.0.1:2369",
"cache-control": "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0",
"content-length": "23785",
"content-length": "25012",
"content-type": "application/json; charset=utf-8",
"content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/,
"etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/,
@ -1175,11 +1245,25 @@ Object {
.post-title-link-left {
text-align: left;
}
.comment-link {
color: #738a94;
font-size: 13px;
letter-spacing: 0.1px;
}
.comment-link img {
width: 16px;
height: 16px;
margin-bottom: 1px;
vertical-align: middle;
}
.view-online-link {
word-wrap: none;
white-space: nowrap;
color: #15212A;
}
.view-online-labs .view-online-link {
color: #738a94;
}
.kg-nft-link {
display: block;
text-decoration: none !important;
@ -1264,13 +1348,28 @@ table.body .article {
padding-bottom: 15px !important;
}
table.body .post-meta {
table.body .post-meta,
table.body .post-meta-date {
white-space: normal !important;
font-size: 12px !important;
line-height: 1.5em;
}
table.body .post-meta-labs,
table.body .view-online-labs {
display: inline-block;
}
table.body .post-meta.author-date {
width: 100%;
}
table.body .view-online-labs {
text-decoration: underline;
}
table.body .view-online-link,
table.body .comment-link,
table.body .footer,
table.body .footer a {
font-size: 12px !important;
@ -1440,13 +1539,16 @@ table.body figcaption a {
</tr>
<tr>
<td style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; font-size: 18px; vertical-align: top; color: #15212A;\\" valign=\\"top\\">
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;\\">
<tr>
<td class=\\"post-meta\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; padding-bottom: 50px; color: #738a94; font-size: 13px; letter-spacing: 0.2px; text-transform: uppercase; text-align: center;\\" valign=\\"top\\" align=\\"center\\">
By Joe Bloggs &#x2013; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 1970 &#x2013; </span><a href=\\"http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; color: #15212A; overflow-wrap: anywhere;\\" target=\\"_blank\\">View online &#x2192;</a>
</td>
</tr>
</table>
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding-bottom: 48px;\\">
<tr>
<td class=\\"post-meta post-meta-labs author-date\\" align=\\"center\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; text-align: center; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none;\\" valign=\\"top\\">
By Joe Bloggs &#x2022; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 1970 </span>
</td>
<td class=\\"post-meta view-online view-online-labs\\" align=\\"right\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none; text-align: right;\\" valign=\\"top\\">
<a href=\\"http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; overflow-wrap: anywhere; color: #738a94;\\" target=\\"_blank\\">View in browser</a>
</td>
</tr>
</table>
</td>
</tr>
@ -1568,7 +1670,10 @@ Post with email-only card [http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2e
By Joe Bloggs 1 Jan 1970 View online → [http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/]
By Joe Bloggs • 1 Jan 1970
View in browser [http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/]
@ -1641,7 +1746,7 @@ exports[`Email Preview API Read has custom content transformations for email com
Object {
"access-control-allow-origin": "http://127.0.0.1:2369",
"cache-control": "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0",
"content-length": "18728",
"content-length": "19955",
"content-type": "application/json; charset=utf-8",
"content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/,
"etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/,
@ -2041,11 +2146,25 @@ Object {
.post-title-link-left {
text-align: left;
}
.comment-link {
color: #738a94;
font-size: 13px;
letter-spacing: 0.1px;
}
.comment-link img {
width: 16px;
height: 16px;
margin-bottom: 1px;
vertical-align: middle;
}
.view-online-link {
word-wrap: none;
white-space: nowrap;
color: #15212A;
}
.view-online-labs .view-online-link {
color: #738a94;
}
.kg-nft-link {
display: block;
text-decoration: none !important;
@ -2130,13 +2249,28 @@ table.body .article {
padding-bottom: 15px !important;
}
table.body .post-meta {
table.body .post-meta,
table.body .post-meta-date {
white-space: normal !important;
font-size: 12px !important;
line-height: 1.5em;
}
table.body .post-meta-labs,
table.body .view-online-labs {
display: inline-block;
}
table.body .post-meta.author-date {
width: 100%;
}
table.body .view-online-labs {
text-decoration: underline;
}
table.body .view-online-link,
table.body .comment-link,
table.body .footer,
table.body .footer a {
font-size: 12px !important;
@ -2311,13 +2445,16 @@ table.body figcaption a {
</tr>
<tr>
<td style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; font-size: 18px; vertical-align: top; color: #15212A;\\" valign=\\"top\\">
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;\\">
<tr>
<td class=\\"post-meta\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; padding-bottom: 50px; color: #738a94; font-size: 13px; letter-spacing: 0.2px; text-transform: uppercase; text-align: center;\\" valign=\\"top\\" align=\\"center\\">
By Joe Bloggs &#x2013; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 1970 &#x2013; </span><a href=\\"http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; color: #15212A; overflow-wrap: anywhere;\\" target=\\"_blank\\">View online &#x2192;</a>
</td>
</tr>
</table>
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding-bottom: 48px;\\">
<tr>
<td class=\\"post-meta post-meta-labs author-date\\" align=\\"center\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; text-align: center; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none;\\" valign=\\"top\\">
By Joe Bloggs &#x2022; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 1970 </span>
</td>
<td class=\\"post-meta view-online view-online-labs\\" align=\\"right\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none; text-align: right;\\" valign=\\"top\\">
<a href=\\"http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; overflow-wrap: anywhere; color: #738a94;\\" target=\\"_blank\\">View in browser</a>
</td>
</tr>
</table>
</td>
</tr>
@ -2444,7 +2581,10 @@ Post with email-only card [http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2e
By Joe Bloggs 1 Jan 1970 View online → [http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/]
By Joe Bloggs • 1 Jan 1970
View in browser [http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/]
@ -2517,7 +2657,7 @@ exports[`Email Preview API Read uses the newsletter provided through ?newsletter
Object {
"access-control-allow-origin": "http://127.0.0.1:2369",
"cache-control": "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0",
"content-length": "19220",
"content-length": "20447",
"content-type": "application/json; charset=utf-8",
"content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/,
"etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/,
@ -2943,11 +3083,25 @@ Object {
.post-title-link-left {
text-align: left;
}
.comment-link {
color: #738a94;
font-size: 13px;
letter-spacing: 0.1px;
}
.comment-link img {
width: 16px;
height: 16px;
margin-bottom: 1px;
vertical-align: middle;
}
.view-online-link {
word-wrap: none;
white-space: nowrap;
color: #15212A;
}
.view-online-labs .view-online-link {
color: #738a94;
}
.kg-nft-link {
display: block;
text-decoration: none !important;
@ -3032,13 +3186,28 @@ table.body .article {
padding-bottom: 15px !important;
}
table.body .post-meta {
table.body .post-meta,
table.body .post-meta-date {
white-space: normal !important;
font-size: 12px !important;
line-height: 1.5em;
}
table.body .post-meta-labs,
table.body .view-online-labs {
display: inline-block;
}
table.body .post-meta.author-date {
width: 100%;
}
table.body .view-online-labs {
text-decoration: underline;
}
table.body .view-online-link,
table.body .comment-link,
table.body .footer,
table.body .footer a {
font-size: 12px !important;
@ -3213,13 +3382,16 @@ table.body figcaption a {
</tr>
<tr>
<td style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; font-size: 18px; vertical-align: top; color: #15212A;\\" valign=\\"top\\">
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;\\">
<tr>
<td class=\\"post-meta\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; padding-bottom: 50px; color: #738a94; font-size: 13px; letter-spacing: 0.2px; text-transform: uppercase; text-align: center;\\" valign=\\"top\\" align=\\"center\\">
By Joe Bloggs &#x2013; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 1970 &#x2013; </span><a href=\\"http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; color: #15212A; overflow-wrap: anywhere;\\" target=\\"_blank\\">View online &#x2192;</a>
</td>
</tr>
</table>
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding-bottom: 48px;\\">
<tr>
<td class=\\"post-meta post-meta-labs author-date\\" align=\\"center\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; text-align: center; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none;\\" valign=\\"top\\">
By Joe Bloggs &#x2022; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 1970 </span>
</td>
<td class=\\"post-meta view-online view-online-labs\\" align=\\"right\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none; text-align: right;\\" valign=\\"top\\">
<a href=\\"http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; overflow-wrap: anywhere; color: #738a94;\\" target=\\"_blank\\">View in browser</a>
</td>
</tr>
</table>
</td>
</tr>
@ -3346,7 +3518,10 @@ Post with email-only card [http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2e
By Joe Bloggs 1 Jan 1970 View online → [http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/]
By Joe Bloggs • 1 Jan 1970
View in browser [http://127.0.0.1:2369/p/d52c42ae-2755-455c-80ec-70b2ec55c904/]
@ -3419,7 +3594,7 @@ exports[`Email Preview API Read uses the posts newsletter by default 4: [headers
Object {
"access-control-allow-origin": "http://127.0.0.1:2369",
"cache-control": "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0",
"content-length": "19220",
"content-length": "20447",
"content-type": "application/json; charset=utf-8",
"content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/,
"etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/,

View file

@ -19,11 +19,25 @@ Object {
.post-title-link-left {
text-align: left;
}
.comment-link {
color: #738a94;
font-size: 13px;
letter-spacing: 0.1px;
}
.comment-link img {
width: 16px;
height: 16px;
margin-bottom: 1px;
vertical-align: middle;
}
.view-online-link {
word-wrap: none;
white-space: nowrap;
color: #15212A;
}
.view-online-labs .view-online-link {
color: #738a94;
}
.kg-nft-link {
display: block;
text-decoration: none !important;
@ -108,13 +122,28 @@ table.body .article {
padding-bottom: 15px !important;
}
table.body .post-meta {
table.body .post-meta,
table.body .post-meta-date {
white-space: normal !important;
font-size: 12px !important;
line-height: 1.5em;
}
table.body .post-meta-labs,
table.body .view-online-labs {
display: inline-block;
}
table.body .post-meta.author-date {
width: 100%;
}
table.body .view-online-labs {
text-decoration: underline;
}
table.body .view-online-link,
table.body .comment-link,
table.body .footer,
table.body .footer a {
font-size: 12px !important;
@ -289,13 +318,16 @@ table.body figcaption a {
</tr>
<tr>
<td style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; font-size: 18px; vertical-align: top; color: #15212A;\\" valign=\\"top\\">
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;\\">
<tr>
<td class=\\"post-meta\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; padding-bottom: 50px; color: #738a94; font-size: 13px; letter-spacing: 0.2px; text-transform: uppercase; text-align: center;\\" valign=\\"top\\" align=\\"center\\">
By Joe Bloggs &#x2013; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 2023 &#x2013; </span><a href=\\"http://127.0.0.1:2369/r/xxxxxx?m=member-uuid\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; color: #15212A; overflow-wrap: anywhere;\\" target=\\"_blank\\">View online &#x2192;</a>
</td>
</tr>
</table>
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding-bottom: 48px;\\">
<tr>
<td class=\\"post-meta post-meta-labs author-date\\" align=\\"center\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; text-align: center; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none;\\" valign=\\"top\\">
By Joe Bloggs &#x2022; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 2023 </span>
</td>
<td class=\\"post-meta view-online view-online-labs\\" align=\\"right\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none; text-align: right;\\" valign=\\"top\\">
<a href=\\"http://127.0.0.1:2369/r/xxxxxx?m=member-uuid\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; overflow-wrap: anywhere; color: #738a94;\\" target=\\"_blank\\">View in browser</a>
</td>
</tr>
</table>
</td>
</tr>
@ -417,7 +449,10 @@ A random test post [http://127.0.0.1:2369/r/xxxxxx?m=member-uuid]
By Joe Bloggs 1 Jan 2023 View online → [http://127.0.0.1:2369/r/xxxxxx?m=member-uuid]
By Joe Bloggs • 1 Jan 2023
View in browser [http://127.0.0.1:2369/r/xxxxxx?m=member-uuid]
@ -498,11 +533,25 @@ Object {
.post-title-link-left {
text-align: left;
}
.comment-link {
color: #738a94;
font-size: 13px;
letter-spacing: 0.1px;
}
.comment-link img {
width: 16px;
height: 16px;
margin-bottom: 1px;
vertical-align: middle;
}
.view-online-link {
word-wrap: none;
white-space: nowrap;
color: #15212A;
}
.view-online-labs .view-online-link {
color: #738a94;
}
.kg-nft-link {
display: block;
text-decoration: none !important;
@ -587,13 +636,28 @@ table.body .article {
padding-bottom: 15px !important;
}
table.body .post-meta {
table.body .post-meta,
table.body .post-meta-date {
white-space: normal !important;
font-size: 12px !important;
line-height: 1.5em;
}
table.body .post-meta-labs,
table.body .view-online-labs {
display: inline-block;
}
table.body .post-meta.author-date {
width: 100%;
}
table.body .view-online-labs {
text-decoration: underline;
}
table.body .view-online-link,
table.body .comment-link,
table.body .footer,
table.body .footer a {
font-size: 12px !important;
@ -927,11 +991,25 @@ Object {
.post-title-link-left {
text-align: left;
}
.comment-link {
color: #738a94;
font-size: 13px;
letter-spacing: 0.1px;
}
.comment-link img {
width: 16px;
height: 16px;
margin-bottom: 1px;
vertical-align: middle;
}
.view-online-link {
word-wrap: none;
white-space: nowrap;
color: #15212A;
}
.view-online-labs .view-online-link {
color: #738a94;
}
.kg-nft-link {
display: block;
text-decoration: none !important;
@ -1016,13 +1094,28 @@ table.body .article {
padding-bottom: 15px !important;
}
table.body .post-meta {
table.body .post-meta,
table.body .post-meta-date {
white-space: normal !important;
font-size: 12px !important;
line-height: 1.5em;
}
table.body .post-meta-labs,
table.body .view-online-labs {
display: inline-block;
}
table.body .post-meta.author-date {
width: 100%;
}
table.body .view-online-labs {
text-decoration: underline;
}
table.body .view-online-link,
table.body .comment-link,
table.body .footer,
table.body .footer a {
font-size: 12px !important;
@ -1197,13 +1290,16 @@ table.body figcaption a {
</tr>
<tr>
<td style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; font-size: 18px; vertical-align: top; color: #15212A;\\" valign=\\"top\\">
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;\\">
<tr>
<td class=\\"post-meta\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; padding-bottom: 50px; color: #738a94; font-size: 13px; letter-spacing: 0.2px; text-transform: uppercase; text-align: center;\\" valign=\\"top\\" align=\\"center\\">
By Joe Bloggs &#x2013; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 2023 &#x2013; </span><a href=\\"http://127.0.0.1:2369/r/xxxxxx?m=member-uuid\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; color: #15212A; overflow-wrap: anywhere;\\" target=\\"_blank\\">View online &#x2192;</a>
</td>
</tr>
</table>
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding-bottom: 48px;\\">
<tr>
<td class=\\"post-meta post-meta-labs author-date\\" align=\\"center\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; text-align: center; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none;\\" valign=\\"top\\">
By Joe Bloggs &#x2022; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 2023 </span>
</td>
<td class=\\"post-meta view-online view-online-labs\\" align=\\"right\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none; text-align: right;\\" valign=\\"top\\">
<a href=\\"http://127.0.0.1:2369/r/xxxxxx?m=member-uuid\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; overflow-wrap: anywhere; color: #738a94;\\" target=\\"_blank\\">View in browser</a>
</td>
</tr>
</table>
</td>
</tr>
@ -1317,7 +1413,10 @@ This is a test post title [http://127.0.0.1:2369/r/xxxxxx?m=member-uuid]
By Joe Bloggs 1 Jan 2023 View online → [http://127.0.0.1:2369/r/xxxxxx?m=member-uuid]
By Joe Bloggs • 1 Jan 2023
View in browser [http://127.0.0.1:2369/r/xxxxxx?m=member-uuid]
@ -1392,11 +1491,25 @@ Object {
.post-title-link-left {
text-align: left;
}
.comment-link {
color: #738a94;
font-size: 13px;
letter-spacing: 0.1px;
}
.comment-link img {
width: 16px;
height: 16px;
margin-bottom: 1px;
vertical-align: middle;
}
.view-online-link {
word-wrap: none;
white-space: nowrap;
color: #15212A;
}
.view-online-labs .view-online-link {
color: #738a94;
}
.kg-nft-link {
display: block;
text-decoration: none !important;
@ -1481,13 +1594,28 @@ table.body .article {
padding-bottom: 15px !important;
}
table.body .post-meta {
table.body .post-meta,
table.body .post-meta-date {
white-space: normal !important;
font-size: 12px !important;
line-height: 1.5em;
}
table.body .post-meta-labs,
table.body .view-online-labs {
display: inline-block;
}
table.body .post-meta.author-date {
width: 100%;
}
table.body .view-online-labs {
text-decoration: underline;
}
table.body .view-online-link,
table.body .comment-link,
table.body .footer,
table.body .footer a {
font-size: 12px !important;
@ -1662,13 +1790,16 @@ table.body figcaption a {
</tr>
<tr>
<td style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; font-size: 18px; vertical-align: top; color: #15212A;\\" valign=\\"top\\">
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;\\">
<tr>
<td class=\\"post-meta\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; padding-bottom: 50px; color: #738a94; font-size: 13px; letter-spacing: 0.2px; text-transform: uppercase; text-align: center;\\" valign=\\"top\\" align=\\"center\\">
By Joe Bloggs &#x2013; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 2023 &#x2013; </span><a href=\\"http://127.0.0.1:2369/r/xxxxxx?m=member-uuid\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; color: #15212A; overflow-wrap: anywhere;\\" target=\\"_blank\\">View online &#x2192;</a>
</td>
</tr>
</table>
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding-bottom: 48px;\\">
<tr>
<td class=\\"post-meta post-meta-labs author-date\\" align=\\"center\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; text-align: center; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none;\\" valign=\\"top\\">
By Joe Bloggs &#x2022; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 2023 </span>
</td>
<td class=\\"post-meta view-online view-online-labs\\" align=\\"right\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none; text-align: right;\\" valign=\\"top\\">
<a href=\\"http://127.0.0.1:2369/r/xxxxxx?m=member-uuid\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; overflow-wrap: anywhere; color: #738a94;\\" target=\\"_blank\\">View in browser</a>
</td>
</tr>
</table>
</td>
</tr>
@ -1782,7 +1913,10 @@ A random test post [http://127.0.0.1:2369/r/xxxxxx?m=member-uuid]
By Joe Bloggs 1 Jan 2023 View online → [http://127.0.0.1:2369/r/xxxxxx?m=member-uuid]
By Joe Bloggs • 1 Jan 2023
View in browser [http://127.0.0.1:2369/r/xxxxxx?m=member-uuid]
@ -1859,11 +1993,25 @@ Object {
.post-title-link-left {
text-align: left;
}
.comment-link {
color: #738a94;
font-size: 13px;
letter-spacing: 0.1px;
}
.comment-link img {
width: 16px;
height: 16px;
margin-bottom: 1px;
vertical-align: middle;
}
.view-online-link {
word-wrap: none;
white-space: nowrap;
color: #15212A;
}
.view-online-labs .view-online-link {
color: #738a94;
}
.kg-nft-link {
display: block;
text-decoration: none !important;
@ -1948,13 +2096,28 @@ table.body .article {
padding-bottom: 15px !important;
}
table.body .post-meta {
table.body .post-meta,
table.body .post-meta-date {
white-space: normal !important;
font-size: 12px !important;
line-height: 1.5em;
}
table.body .post-meta-labs,
table.body .view-online-labs {
display: inline-block;
}
table.body .post-meta.author-date {
width: 100%;
}
table.body .view-online-labs {
text-decoration: underline;
}
table.body .view-online-link,
table.body .comment-link,
table.body .footer,
table.body .footer a {
font-size: 12px !important;
@ -2129,13 +2292,16 @@ table.body figcaption a {
</tr>
<tr>
<td style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; font-size: 18px; vertical-align: top; color: #15212A;\\" valign=\\"top\\">
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;\\">
<tr>
<td class=\\"post-meta\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; padding-bottom: 50px; color: #738a94; font-size: 13px; letter-spacing: 0.2px; text-transform: uppercase; text-align: center;\\" valign=\\"top\\" align=\\"center\\">
By Joe Bloggs &#x2013; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 2023 &#x2013; </span><a href=\\"http://127.0.0.1:2369/r/xxxxxx?m=member-uuid\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; color: #15212A; overflow-wrap: anywhere;\\" target=\\"_blank\\">View online &#x2192;</a>
</td>
</tr>
</table>
<table role=\\"presentation\\" border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" width=\\"100%\\" style=\\"border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding-bottom: 48px;\\">
<tr>
<td class=\\"post-meta post-meta-labs author-date\\" align=\\"center\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; text-align: center; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none;\\" valign=\\"top\\">
By Joe Bloggs &#x2022; <span class=\\"post-meta-date\\" style=\\"white-space: nowrap;\\">1 Jan 2023 </span>
</td>
<td class=\\"post-meta view-online view-online-labs\\" align=\\"right\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;; vertical-align: top; color: #738a94; font-size: 13px; padding-bottom: 0; letter-spacing: 0.1px; text-transform: none; text-align: right;\\" valign=\\"top\\">
<a href=\\"http://127.0.0.1:2369/r/xxxxxx?m=member-uuid\\" class=\\"view-online-link\\" style=\\"text-decoration: none; word-wrap: none; white-space: nowrap; overflow-wrap: anywhere; color: #738a94;\\" target=\\"_blank\\">View in browser</a>
</td>
</tr>
</table>
</td>
</tr>
@ -2249,7 +2415,10 @@ A random test post [http://127.0.0.1:2369/r/xxxxxx?m=member-uuid]
By Joe Bloggs 1 Jan 2023 View online → [http://127.0.0.1:2369/r/xxxxxx?m=member-uuid]
By Joe Bloggs • 1 Jan 2023
View in browser [http://127.0.0.1:2369/r/xxxxxx?m=member-uuid]

View file

@ -621,6 +621,8 @@ class EmailRenderer {
showSubscriptionDetails: newsletter.get('show_subscription_details') && this.#labs.isSet('makingItRain')
},
labs: this.#settingsCache.get('labs'),
//CSS
accentColor: accentColor, // default to #15212A
adjustedAccentColor: adjustedAccentColor || '#3498db', // default to #3498db

View file

@ -1,5 +1,5 @@
<td dir="ltr" valign="top" align="center" style="vertical-align: top; font-family: inherit; font-size: 14px; text-align: center; padding: 0 8px;" nowrap>
<td dir="ltr" valign="top" align="center" style="display: inline-block; vertical-align: top; font-family: inherit; font-size: 14px; text-align: center; padding: 0 4px 4px;" nowrap>
<a href="{{href}}" target="_blank">
<img src={{iconUrl}} border="0" width="156" height="38" alt="{{buttonText}}">
<img src={{iconUrl}} border="0" width={{width}} height="36" alt="{{buttonText}}">
</a>
</td>
</td>

View file

@ -364,6 +364,13 @@ figure blockquote p {
text-align: center;
}
.post-meta-labs,
.view-online-labs {
padding-bottom: 0;
letter-spacing: 0.1px;
text-transform: none;
}
.post-meta-left {
text-align: left;
}
@ -372,6 +379,19 @@ figure blockquote p {
white-space: nowrap;
}
.comment-link {
color: #738a94;
font-size: 13px;
letter-spacing: 0.1px;
}
.comment-link img {
width: 16px;
height: 16px;
margin-bottom: 1px;
vertical-align: middle;
}
.view-online {
text-align: right;
}
@ -382,6 +402,10 @@ figure blockquote p {
color: #15212A;
}
.view-online-labs .view-online-link {
color: #738a94;
}
.feature-image-row:first-child > td {
padding-top: 24px;
}
@ -984,13 +1008,29 @@ a[data-flickr-embed] img {
padding-bottom: 15px !important;
}
table.body .post-meta {
table.body .post-meta,
table.body .post-meta-date {
white-space: normal !important;
font-size: 12px !important;
line-height: 1.5em;
}
table.body .post-meta-labs,
table.body .view-online-labs {
display: inline-block;
}
table.body .post-meta.author-date {
width: 100%;
}
table.body .view-online-labs {
text-decoration: underline;
}
table.body .view-online-link,
table.body .comment-link,
table.body .footer,
table.body .footer a {
font-size: 12px !important;

View file

@ -79,13 +79,31 @@
</tr>
<tr>
<td>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="{{classes.meta}}">
By {{post.authors}} <span class="post-meta-date">{{post.publishedAt}} </span><a href="{{post.url}}" class="view-online-link">View online →</a>{{#if newsletter.showCommentCta}} <a href="{{post.commentUrl}}" class="view-online-link">Comment</a>{{/if}}
</td>
</tr>
</table>
{{#if labs.makingItRain}}
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="padding-bottom: 48px;">
<tr>
<td class="{{classes.meta}} post-meta-labs author-date" align="left">
By {{post.authors}} • <span class="post-meta-date">{{post.publishedAt}} </span>
{{#if newsletter.showCommentCta}}
<a href="{{post.commentUrl}}" class="comment-link" valign="middle">
• <img src="https://static.ghost.org/v5.0.0/images/comment-icon.png" border="0" width="16" height="16" alt="Comment">
</a>
{{/if}}
</td>
<td class="{{classes.meta}} view-online view-online-labs" align="right">
<a href="{{post.url}}" class="view-online-link">View in browser</a>
</td>
</tr>
</table>
{{else}}
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="{{classes.meta}}">
By {{post.authors}} <span class="post-meta-date">{{post.publishedAt}} </span><a href="{{post.url}}" class="view-online-link">View online →</a>{{#if newsletter.showCommentCta}} <a href="{{post.commentUrl}}" class="view-online-link">Comment</a>{{/if}}
</td>
</tr>
</table>
{{/if}}
</td>
</tr>
{{/if}}
@ -131,19 +149,15 @@
{{#if (or feedbackButtons newsletter.showCommentCta) }}
<tr>
<td dir="ltr" width="100%" style="background-color: #ffffff; text-align: center; padding: 40px 4px; border-bottom: 1px solid #e5eff5" align="center">
{{#if feedbackButtons }}
<h3 style="text-align: center; margin-bottom: 22px; font-size: 17px; letter-spacing: -0.2px; margin-top: 0 !important;">Give feedback on this post</h3>
{{/if}}
<td dir="ltr" width="100%" style="background-color: #ffffff; text-align: center; padding: 32px 4px 24px; border-bottom: 1px solid #e5eff5" align="center">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="margin: auto; width: auto !important;">
<tr>
{{#if feedbackButtons }}
{{> feedbackButton feedbackButtons href=feedbackButtons.likeHref buttonText='More like this' iconUrl="https://static.ghost.org/v5.0.0/images/more-like-this.png" }}
{{> feedbackButton feedbackButtons href=feedbackButtons.dislikeHref buttonText='Less like this' iconUrl="https://static.ghost.org/v5.0.0/images/less-like-this.png" }}
{{> feedbackButton feedbackButtons href=feedbackButtons.likeHref buttonText='More like this' iconUrl="https://static.ghost.org/v5.0.0/images/more-like-this.png?v=1" width="145px" }}
{{> feedbackButton feedbackButtons href=feedbackButtons.dislikeHref buttonText='Less like this' iconUrl="https://static.ghost.org/v5.0.0/images/less-like-this.png?v=1" width="142px" }}
{{/if}}
{{#if newsletter.showCommentCta}}
{{!-- TODO: replace image with comment image --}}
{{> feedbackButton href=post.commentUrl buttonText='Comment' iconUrl="https://static.ghost.org/v5.0.0/images/less-like-this.png" }}
{{> feedbackButton href=post.commentUrl buttonText='Comment' iconUrl="https://static.ghost.org/v5.0.0/images/comment.png?v=1" width="122px" }}
{{/if}}
</tr>
</table>