Added support for hiding page title and feature image (#262)

* Added support for hiding page title and feature image Refs TryGhost/Product#3568
TryGhost · Jul 31, 2023 · 15402eb · 15402eb
1 parent 77ed5d2
commit 15402eb
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 10 deletions.
diff --git a/assets/built/screen.css b/assets/built/screen.css
diff --git a/assets/built/screen.css.map b/assets/built/screen.css.map
diff --git a/assets/css/blog/article.css b/assets/css/blog/article.css
@@ -1,5 +1,9 @@
 .gh-article {
-    margin-top: 64px;
+    margin-top: 50px;
+}
+
+.page-template .gh-article {
+    margin-top: 0;
 }
 
 .gh-article-meta {

diff --git a/assets/css/site/layout.css b/assets/css/site/layout.css
@@ -10,6 +10,10 @@
     padding-bottom: 30px;
 }
 
+.page-template .site-content {
+    padding-block: 0;
+}
+
 @media (min-width: 992px) {
     .related-column {
         order: 1;

diff --git a/page.hbs b/page.hbs
@@ -5,15 +5,17 @@
     {{#post}}
     <article class="gh-article {{post_class}}">
 
-        <header class="gh-article-header gh-canvas">
-            <h1 class="gh-article-title">{{title}}</h1>
+        {{#match @page.show_title_and_feature_image}}
+            <header class="gh-article-header gh-canvas">
+                <h1 class="gh-article-title">{{title}}</h1>
 
-            {{#if custom_excerpt}}
-                <p class="gh-article-excerpt">{{custom_excerpt}}</p>
-            {{/if}}
+                {{#if custom_excerpt}}
+                    <p class="gh-article-excerpt">{{custom_excerpt}}</p>
+                {{/if}}
 
-            {{> "post-image"}}
-        </header>
+                {{> "post-image"}}
+            </header>
+        {{/match}}
 
         <div class="gh-content gh-canvas">
             {{content}}