Fixed recommendations title being hidden in some cases

TryGhost · Oct 25, 2023 · 379a7f9 · 379a7f9
1 parent 569c422
commit 379a7f9
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 3 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/screen.css b/assets/css/screen.css
@@ -1835,6 +1835,17 @@ Search                         LOGO                    Login Subscribe
     top: calc(var(--grid-gap) / 2);
 }
 
+.gh-sidebar-title {
+    grid-column: 1 / -1;
+    margin-bottom: calc(var(--grid-gap) / 2);
+    padding-bottom: 12px;
+    font-size: 1.2rem;
+    font-weight: 550;
+    letter-spacing: 0.025em;
+    text-transform: uppercase;
+    border-bottom: 1px solid var(--color-border);
+}
+
 .gh-about {
     display: flex;
     flex-direction: column;

diff --git a/partials/components/post-list.hbs b/partials/components/post-list.hbs
@@ -104,7 +104,7 @@
                     </section>
                     {{#if @site.recommendations_enabled}}
                         <section class="gh-recommendations">
-                            <h4 class="gh-container-title">Recommendations</h4>
+                            <h4 class="gh-sidebar-title">Recommendations</h4>
                             {{recommendations}}
                             <button data-portal="recommendations">See all {{> "icons/arrow"}}</button>
                         </section>