diff --git a/ghost/core/test/e2e-api/admin/__snapshots__/email-previews.test.js.snap b/ghost/core/test/e2e-api/admin/__snapshots__/email-previews.test.js.snap index da380bd059..2cf9c0d045 100644 --- a/ghost/core/test/e2e-api/admin/__snapshots__/email-previews.test.js.snap +++ b/ghost/core/test/e2e-api/admin/__snapshots__/email-previews.test.js.snap @@ -417,19 +417,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -772,7 +776,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": "24500", + "content-length": "24519", "content-type": "application/json; charset=utf-8", "content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/, "etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/, @@ -1103,19 +1107,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -1272,7 +1280,7 @@ table.body h2 span { -

HTML Ipsum Presents

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.

Header Level 2

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.

Header Level 3

#header h1 a{display: block;width: 300px;height: 80px;}
+

HTML Ipsum Presents

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.

Header Level 2

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.

Header Level 3

#header h1 a{display: block;width: 300px;height: 80px;}
@@ -1480,7 +1488,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": "29289", + "content-length": "29301", "content-type": "application/json; charset=utf-8", "content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/, "etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/, @@ -1842,19 +1850,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -2204,7 +2216,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": "24254", + "content-length": "24273", "content-type": "application/json; charset=utf-8", "content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/, "etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/, @@ -2895,19 +2907,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -3271,7 +3287,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": "25037", + "content-length": "25056", "content-type": "application/json; charset=utf-8", "content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/, "etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/, @@ -3988,19 +4004,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -4364,7 +4384,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": "25037", + "content-length": "25056", "content-type": "application/json; charset=utf-8", "content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/, "etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/, diff --git a/ghost/core/test/integration/services/email-service/__snapshots__/batch-sending.test.js.snap b/ghost/core/test/integration/services/email-service/__snapshots__/batch-sending.test.js.snap index 206592330f..939df78f6f 100644 --- a/ghost/core/test/integration/services/email-service/__snapshots__/batch-sending.test.js.snap +++ b/ghost/core/test/integration/services/email-service/__snapshots__/batch-sending.test.js.snap @@ -310,19 +310,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -985,19 +989,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -1636,19 +1644,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -2287,19 +2299,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -2938,19 +2954,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -3537,19 +3557,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -4188,19 +4212,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -4933,19 +4961,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -6998,19 +7030,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -7794,19 +7830,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -8500,19 +8540,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -9206,19 +9250,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -9912,19 +9960,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -10618,19 +10670,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -11324,19 +11380,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -11977,19 +12037,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } diff --git a/ghost/core/test/integration/services/email-service/__snapshots__/cards.test.js.snap b/ghost/core/test/integration/services/email-service/__snapshots__/cards.test.js.snap index 848d459b4a..773a39967a 100644 --- a/ghost/core/test/integration/services/email-service/__snapshots__/cards.test.js.snap +++ b/ghost/core/test/integration/services/email-service/__snapshots__/cards.test.js.snap @@ -310,19 +310,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -961,19 +965,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -1612,19 +1620,23 @@ table.body h2 span { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; } @@ -1811,7 +1823,7 @@ Ghost: Independent technology for modern publishingBeautiful, modern publishing -

This is just a simple paragraph, no frills.

This is block quote

This is a...different block quote

This is a heading!

Here's a smaller heading.

\\"Cows
A lovely cow

A heading

+

This is just a simple paragraph, no frills.

This is block quote

This is a...different block quote

This is a heading!

Here's a smaller heading.

\\"Cows
A lovely cow

A heading

and a paragraph (in markdown!)

@@ -2018,7 +2030,7 @@ Ghost: Independent technology for modern publishingBeautiful, modern publishing -

Some text.

A blockquote

Some more text.

console.log('Hello world!');

A tiny little script.

+

Some text.

A blockquote

Some more text.

console.log('Hello world!');

A tiny little script.

diff --git a/ghost/email-service/lib/email-templates/partials/styles.hbs b/ghost/email-service/lib/email-templates/partials/styles.hbs index 13bd04d798..4731420ea8 100644 --- a/ghost/email-service/lib/email-templates/partials/styles.hbs +++ b/ghost/email-service/lib/email-templates/partials/styles.hbs @@ -157,8 +157,8 @@ dd { } blockquote { - margin: 2em 0 2em 0; - padding: 0 25px 0 25px; + margin: 0; + padding: 0; border-left: {{accentColor}} 2px solid; font-size: 17px; font-weight: 500; @@ -168,7 +168,6 @@ blockquote { blockquote.kg-blockquote-alt { border-left: 0 none; - padding: 0 50px 0 50px; text-align: center; font-size: 1.2em; font-style: italic; @@ -176,10 +175,15 @@ blockquote.kg-blockquote-alt { } blockquote p { - margin: 0.8em 0; + margin: 2em 0; + padding: 0 25px; font-size: 1em; } +blockquote.kg-blockquote-alt p { + padding: 0 50px; +} + blockquote small { display: inline-block; margin: 0.8em 0 0.8em 1.5em; @@ -1574,19 +1578,23 @@ a[data-flickr-embed] img { font-size: 16px !important; line-height: 1.6em; margin-bottom: 0; - padding-left: 15px; + } + + table.body blockquote p { + padding: 0 15px !important; } table.body blockquote.kg-blockquote-alt { border-left: 0 none !important; margin: 0 !important; - padding-left: 20px !important; - padding-right: 20px !important; - padding-bottom: 1.5em !important; font-size: 18px !important; line-height: 1.4em !important; } + table.body blockquote.kg-blockquote-alt p { + padding: 0 20px !important; + } + table.body hr { margin: 2em 0 !important; }