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 53a8577e3d..aa14686fcf 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 @@ -191,8 +191,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -308,35 +307,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -428,11 +422,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -736,7 +725,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": "23946", + "content-length": "23765", "content-type": "application/json; charset=utf-8", "content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/, "etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/, @@ -841,8 +830,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -958,35 +946,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -1078,11 +1061,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -1406,7 +1384,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": "28757", + "content-length": "28576", "content-type": "application/json; charset=utf-8", "content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/, "etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/, @@ -1542,8 +1520,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -1659,35 +1636,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -1779,11 +1751,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -2094,7 +2061,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": "23700", + "content-length": "23519", "content-type": "application/json; charset=utf-8", "content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/, "etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/, @@ -2559,8 +2526,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -2676,35 +2642,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -2796,11 +2757,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -3121,7 +3077,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": "24192", + "content-length": "24011", "content-type": "application/json; charset=utf-8", "content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/, "etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/, @@ -3612,8 +3568,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -3729,35 +3684,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -3849,11 +3799,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -4174,7 +4119,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": "24192", + "content-length": "24011", "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 510a48c3d4..5d2e9e3e60 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 @@ -84,8 +84,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -201,35 +200,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -321,11 +315,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -709,8 +698,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -826,35 +814,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -946,11 +929,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -1320,8 +1298,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -1437,35 +1414,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -1557,11 +1529,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -1931,8 +1898,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -2048,35 +2014,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -2168,11 +2129,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -2542,8 +2498,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -2659,35 +2614,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -2779,11 +2729,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -3101,8 +3046,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -3218,35 +3162,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -3338,11 +3277,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -3712,8 +3646,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -3829,35 +3762,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -3949,11 +3877,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -4423,8 +4346,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -4540,35 +4462,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -4660,11 +4577,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -5090,8 +5002,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -5207,35 +5118,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -5327,11 +5233,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -5463,17 +5364,17 @@ table.body figcaption a { -

Keep reading

+

Keep reading

@@ -5488,10 +5389,10 @@ table.body figcaption a {
-

+

This is a test post title

-

+

Hello world

@@ -5506,10 +5407,10 @@ table.body figcaption a {
-

+

This is a test post title

-

+

Hello world

@@ -5846,8 +5747,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -5963,35 +5863,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -6083,11 +5978,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -6512,8 +6402,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -6629,35 +6518,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -6749,11 +6633,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -7178,8 +7057,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -7295,35 +7173,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -7415,11 +7288,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -7844,8 +7712,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -7961,35 +7828,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -8081,11 +7943,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -8510,8 +8367,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -8627,35 +8483,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -8747,11 +8598,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -9176,8 +9022,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -9293,35 +9138,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -9413,11 +9253,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -9789,8 +9624,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -9906,35 +9740,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -10026,11 +9855,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { 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 127f93ba3d..5f3d5f656f 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 @@ -84,8 +84,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -201,35 +200,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -321,11 +315,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { @@ -695,8 +684,7 @@ Object { table.body p, table.body ul, table.body ol, -table.body td, -table.body span { +table.body td { font-size: 16px !important; } @@ -812,35 +800,30 @@ table.body .feedback-button-mobile-text { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, -table.body .latest-post p span { + table.body .latest-post-excerpt, +table.body .latest-post-excerpt a, +table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -932,11 +915,6 @@ table.body h2 span { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, -table.body figcaption a { - font-size: 13px !important; - } } @media all { .subscription-details p.hidden { diff --git a/ghost/email-service/lib/email-templates/partials/latest-posts.hbs b/ghost/email-service/lib/email-templates/partials/latest-posts.hbs index ebc9cb02c7..57d26e8b8c 100644 --- a/ghost/email-service/lib/email-templates/partials/latest-posts.hbs +++ b/ghost/email-service/lib/email-templates/partials/latest-posts.hbs @@ -4,29 +4,12 @@
-

+

This is a test post title

-

+

Hello world

- {{#if ../latestPostsHasImages}} - {{#if featureImage}} - - {{/if}} - {{/if}}
- - - -

{{{title}}}

{{#if excerpt}} -

+

{{{excerpt}}}

{{/if}} diff --git a/ghost/email-service/lib/email-templates/partials/styles-old.hbs b/ghost/email-service/lib/email-templates/partials/styles-old.hbs index dd4f6d7f25..e5ab06d5fe 100644 --- a/ghost/email-service/lib/email-templates/partials/styles-old.hbs +++ b/ghost/email-service/lib/email-templates/partials/styles-old.hbs @@ -268,7 +268,7 @@ figure { figcaption { text-align: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; - font-size: 14px; + font-size: 13px; padding-top: 5px; line-height: 1.5em; } @@ -477,7 +477,7 @@ figure blockquote p { margin: 0; padding: 8px 0 16px; color: #15212A; - font-size: 14px; + font-size: 13px; font-weight: 700; text-transform: uppercase; } @@ -498,20 +498,10 @@ figure blockquote p { text-decoration: none; } -.latest-post-img img, -.latest-post-img-mobile img { +.latest-post-img img { object-fit: cover; } -.latest-post-img-mobile { - display: none; -} - -.latest-post-img-mobile img { - width: 100% !important; - height: auto !important; /* Make sure CSS ignores the height that is defined in HTML, but keep the aspect ratio from the width/height in HTML */ -} - .latest-post-title { padding-right: 12px; } @@ -519,7 +509,7 @@ figure blockquote p { .latest-post h4 { margin: 0; padding: 2px 0 4px; - font-size: 19px; + font-size: 18px; font-weight: 700; } @@ -1290,8 +1280,7 @@ a[data-flickr-embed] img { table.body p, table.body ul, table.body ol, - table.body td, - table.body span { + table.body td { font-size: 16px !important; } @@ -1403,33 +1392,29 @@ a[data-flickr-embed] img { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, table.body .latest-post p span { + table.body .latest-post-excerpt, + table.body .latest-post-excerpt a, + table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -1522,11 +1507,6 @@ a[data-flickr-embed] img { margin: 2em 0 !important; } - table.body figcaption, - table.body figcaption a { - font-size: 13px !important; - } - table.body .kg-header-card.kg-v2 span { font-size: inherit !important; } diff --git a/ghost/email-service/lib/email-templates/partials/styles.hbs b/ghost/email-service/lib/email-templates/partials/styles.hbs index 28d0580683..6adb7aecb2 100644 --- a/ghost/email-service/lib/email-templates/partials/styles.hbs +++ b/ghost/email-service/lib/email-templates/partials/styles.hbs @@ -293,7 +293,7 @@ figure { figcaption { text-align: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; - font-size: 14px; + font-size: 13px; padding-top: 5px; line-height: 1.5em; } @@ -514,7 +514,7 @@ figure blockquote p { margin: 0; padding: 8px 0 16px; color: {{titleColor}}; - font-size: 14px; + font-size: 13px; font-weight: 700; text-transform: uppercase; } @@ -536,20 +536,10 @@ figure blockquote p { text-decoration: none; } -.latest-post-img img, -.latest-post-img-mobile img { +.latest-post-img img { object-fit: cover; } -.latest-post-img-mobile { - display: none; -} - -.latest-post-img-mobile img { - width: 100% !important; - height: auto !important; /* Make sure CSS ignores the height that is defined in HTML, but keep the aspect ratio from the width/height in HTML */ -} - .latest-post-title { padding-right: 12px; } @@ -557,7 +547,7 @@ figure blockquote p { .latest-post h4 { margin: 0; padding: 2px 0 4px; - font-size: 19px; + font-size: 18px; font-weight: 700; } @@ -1367,8 +1357,7 @@ a[data-flickr-embed] img { table.body p, table.body ul, table.body ol, - table.body td, - table.body span { + table.body td { font-size: 16px !important; } @@ -1485,33 +1474,29 @@ a[data-flickr-embed] img { } table.body .latest-posts-header { - font-size: 14px !important; - } - - table.body .latest-post-img { - display: none !important; - } - - table.body .latest-post-img-mobile { - display: inline-block !important; - width: 100%; + font-size: 12px !important; } table.body .latest-post-title { display: inline-block !important; width: 100%; - padding-right: 0 !important; - padding-bottom: 8px !important; + padding-right: 8px !important; } table.body .latest-post h4, table.body .latest-post h4 span { - padding: 4px 0 !important; - font-size: 18px !important; + padding: 4px 0 6px !important; + font-size: 15px !important; } - table.body .latest-post p, table.body .latest-post p span { + table.body .latest-post-excerpt, + table.body .latest-post-excerpt a, + table.body .latest-post-excerpt span { font-size: 13px !important; - line-height: 1.25em; + line-height: 1.2 !important; + } + + table.body .latest-post-excerpt span { + display: none !important; } table.body .subscription-box h3 { @@ -1603,12 +1588,6 @@ a[data-flickr-embed] img { table.body hr { margin: 2em 0 !important; } - - table.body figcaption, - table.body figcaption a { - font-size: 13px !important; - } - } /* -------------------------------------