diff --git a/ghost/admin/app/components/settings/newsletters.hbs b/ghost/admin/app/components/settings/newsletters.hbs index ef43962d0b..9524263a7f 100644 --- a/ghost/admin/app/components/settings/newsletters.hbs +++ b/ghost/admin/app/components/settings/newsletters.hbs @@ -141,44 +141,80 @@ {{/unless}} -
-
-
-

Enable newsletter open-rate

-

Track how many members are reading your emails

-
-
- -
-
-
- {{#if this.feature.emailClicks }} +
-

Enable newsletter click tracking

-

Track how many members are clicking on links in your emails

+

Newsletter tracking

+

Track how many members are opening emails and clicking links

+
+ +
+
+ {{#liquid-if this.newsletterTrackingOpen}} +
+
+
+
+

Enable open-rate tracking

+
+
+ +
+
+
+
+

Enable newsletter click tracking

+
+
+ +
+
+
+
+ {{/liquid-if}} +
+
+ + {{else}} +
+
+
+

Enable newsletter open-rate

+

Track how many members are reading your emails

diff --git a/ghost/admin/app/styles/layouts/settings.css b/ghost/admin/app/styles/layouts/settings.css index e5dfe8dafd..5dd682def4 100644 --- a/ghost/admin/app/styles/layouts/settings.css +++ b/ghost/admin/app/styles/layouts/settings.css @@ -985,6 +985,36 @@ padding-bottom: 12px; } +.gh-newsletter-tracking { + padding: 16px 20px; + background: var(--main-bg-color); + box-shadow: 0 1px 4px -1px rgb(0 0 0 / 10%); + border-radius: 3px; +} + +.gh-newsletter-tracking-row { + display: flex; + align-items: center; + justify-content: space-between; + border-bottom: 1px solid var(--whitegrey); + padding: 16px 0; +} + +.gh-newsletter-tracking-row:first-child { + padding-top: 0; +} + +.gh-newsletter-tracking-row:last-child { + padding-bottom: 0; + border-bottom: none; +} + +.gh-newsletter-tracking-title { + font-weight: 600; + font-size: 1.4rem; + margin-bottom: 0; +} + .gh-newsletter-card-container { margin-left: -24px; padding-left: 24px;