Moved the resources to the new style

refs https://github.com/TryGhost/Team/issues/2117
TryGhost · Oct 20, 2022 · 02698b4 · 02698b4
1 parent 03e0962
commit 02698b4
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 7 deletions.
diff --git a/ghost/admin/app/components/posts/analytics.hbs b/ghost/admin/app/components/posts/analytics.hbs
@@ -118,16 +118,18 @@
             {{/if}}
         {{/if}}
 
-        <h4 class="gh-main-section-header small bn">
-            Get started with analytics
-        </h4>
         <div class="gh-post-analytics-box resources">
             <a href="https://ghost.org/help/post-analytics/" target="_blank" class="gh-post-analytics-resource" rel="noopener noreferrer">
                 <div class="thumbnail" style="background-image: url(assets/img/marketing/analytics-1.jpg);"></div>
                 <div class="flex flex-column justify-between">
                     <div>
-                        <h3>Understanding analytics in Ghost</h3>
-                        <p>Find out how to review the performance of your content and get the most out of post analytics in Ghost.</p>
+                        <h4 class="gh-main-section-header small bn">
+                            Ghost help
+                        </h4>
+                        <div>
+                            <h3>Understanding analytics in Ghost</h3>
+                            <p>Find out how to review the performance of your content and get the most out of post analytics in Ghost.</p>
+                        </div>
                     </div>
                     <div class="gh-btn gh-btn-link">Read more &rarr;</div>
                 </div>
@@ -136,8 +138,13 @@
                 <div class="thumbnail" style="background-image: url(assets/img/marketing/analytics-2.jpg);"></div>
                 <div class="flex flex-column justify-between">
                     <div>
-                        <h3>How to get your content seen online</h3>
-                        <p>Use these content distribution tactics to get more people to discover your work and increase engagement.</p>
+                        <h4 class="gh-main-section-header small bn">
+                            Ghost resources
+                        </h4>
+                        <div>
+                            <h3>How to get your content seen online</h3>
+                            <p>Use these content distribution tactics to get more people to discover your work and increase engagement.</p>
+                        </div>
                     </div>
                     <div class="gh-btn gh-btn-link">Read more &rarr;</div>
                 </div>

diff --git a/ghost/admin/app/styles/layouts/content.css b/ghost/admin/app/styles/layouts/content.css
@@ -847,6 +847,14 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
     font-weight: 700;
 }
 
+.gh-post-analytics-box h4.gh-main-section-header.small {
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: .3px;
+    color: var(--midgrey);
+    padding: 4px 0 10px;
+}
+
 .gh-post-analytics-resource p {
     font-size: 1.5rem;
     letter-spacing: 0;