Better handling footer without secondary navigation

refs #225
TryGhost · Jun 19, 2023 · 6c64771 · 6c64771
1 parent 8e844cc
commit 6c64771
Show file tree

Hide file tree

Showing 39 changed files with 95 additions and 81 deletions.
diff --git a/packages/_shared/assets/css/v1/components/footer.css b/packages/_shared/assets/css/v1/components/footer.css
@@ -12,6 +12,13 @@
     font-size: 1.3rem;
 }
 
+.no-menu .gh-foot-inner {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    align-items: center;
+}
+
 .gh-foot-menu .nav {
     display: inline-flex;
     flex-wrap: wrap;
@@ -59,10 +66,6 @@
         text-align: center;
     }
 
-    .gh-foot-menu {
-        margin-top: 3.2rem;
-    }
-
     .gh-foot-menu .nav {
         flex-direction: column;
     }
@@ -76,7 +79,6 @@
     }
 
     .gh-powered-by {
-        margin-top: 3.2rem;
         text-align: center;
     }
 }
diff --git a/packages/alto/assets/built/screen.css b/packages/alto/assets/built/screen.css
diff --git a/packages/alto/assets/built/screen.css.map b/packages/alto/assets/built/screen.css.map
diff --git a/packages/alto/default.hbs b/packages/alto/default.hbs
@@ -75,14 +75,16 @@
         {{{body}}}
     </div>
 
-    <footer class="gh-foot gh-outer">
+    <footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
         <div class="gh-foot-inner gh-inner">
             <div class="gh-copyright">
                 {{@site.title}} © {{date format="YYYY"}}
             </div>
-            <nav class="gh-foot-menu">
-                {{navigation type="secondary"}}
-            </nav>
+            {{#if @site.secondary_navigation}}
+                <nav class="gh-foot-menu">
+                    {{navigation type="secondary"}}
+                </nav>
+            {{/if}}
             <div class="gh-powered-by">
                 <a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
             </div>

diff --git a/packages/bulletin/assets/built/screen.css b/packages/bulletin/assets/built/screen.css
diff --git a/packages/bulletin/assets/built/screen.css.map b/packages/bulletin/assets/built/screen.css.map
diff --git a/packages/bulletin/default.hbs b/packages/bulletin/default.hbs
@@ -61,16 +61,16 @@
 
         {{{body}}}
 
-        <footer class="gh-foot gh-outer">
+        <footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
             <div class="gh-foot-inner gh-inner">
                 <div class="gh-copyright">
                     {{@site.title}} © {{date format="YYYY"}}
                 </div>
-
-                <nav class="gh-foot-menu">
-                    {{navigation type="secondary"}}
-                </nav>
-
+                {{#if @site.secondary_navigation}}
+                    <nav class="gh-foot-menu">
+                        {{navigation type="secondary"}}
+                    </nav>
+                {{/if}}
                 <div class="gh-powered-by">
                     <a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
                 </div>

diff --git a/packages/dawn/assets/built/screen.css b/packages/dawn/assets/built/screen.css
diff --git a/packages/dawn/assets/built/screen.css.map b/packages/dawn/assets/built/screen.css.map
diff --git a/packages/dawn/default.hbs b/packages/dawn/default.hbs
@@ -77,14 +77,16 @@
         {{{body}}}
     </div>
 
-    <footer class="gh-foot gh-outer">
+    <footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
         <div class="gh-foot-inner gh-inner">
             <div class="gh-copyright">
                 {{@site.title}} © {{date format="YYYY"}}
             </div>
-            <nav class="gh-foot-menu">
-                {{navigation type="secondary"}}
-            </nav>
+            {{#if @site.secondary_navigation}}
+                <nav class="gh-foot-menu">
+                    {{navigation type="secondary"}}
+                </nav>
+            {{/if}}
             <div class="gh-powered-by">
                 <a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
             </div>

diff --git a/packages/digest/assets/built/screen.css b/packages/digest/assets/built/screen.css
diff --git a/packages/digest/assets/built/screen.css.map b/packages/digest/assets/built/screen.css.map
diff --git a/packages/digest/default.hbs b/packages/digest/default.hbs
@@ -87,16 +87,16 @@
     {{/unless}}
     {{/if}}
 
-    <footer class="gh-foot gh-outer">
+    <footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
         <div class="gh-foot-inner gh-inner">
             <div class="gh-copyright">
                 {{@site.title}} © {{date format="YYYY"}}
             </div>
-
-            <nav class="gh-foot-menu">
-                {{navigation type="secondary"}}
-            </nav>
-
+            {{#if @site.secondary_navigation}}
+                <nav class="gh-foot-menu">
+                    {{navigation type="secondary"}}
+                </nav>
+            {{/if}}
             <div class="gh-powered-by">
                 <a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
             </div>

diff --git a/packages/dope/assets/built/screen.css b/packages/dope/assets/built/screen.css
diff --git a/packages/dope/assets/built/screen.css.map b/packages/dope/assets/built/screen.css.map
diff --git a/packages/dope/default.hbs b/packages/dope/default.hbs
@@ -32,16 +32,16 @@
         {{{body}}}
     </div>
 
-    <footer class="gh-foot gh-outer">
+    <footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
         <div class="gh-foot-inner gh-inner">
             <div class="gh-copyright">
                 {{@site.title}} © {{date format="YYYY"}}
             </div>
-
-            <nav class="gh-foot-menu">
-                {{navigation type="secondary"}}
-            </nav>
-
+            {{#if @site.secondary_navigation}}
+                <nav class="gh-foot-menu">
+                    {{navigation type="secondary"}}
+                </nav>
+            {{/if}}
             <div class="gh-powered-by">
                 <a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
             </div>

diff --git a/packages/ease/assets/built/screen.css b/packages/ease/assets/built/screen.css
diff --git a/packages/ease/assets/built/screen.css.map b/packages/ease/assets/built/screen.css.map
diff --git a/packages/ease/default.hbs b/packages/ease/default.hbs
@@ -94,14 +94,16 @@
         {{{body}}}
     </div>
 
-    <footer class="gh-foot gh-outer">
+    <footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
         <div class="gh-foot-inner gh-inner">
             <div class="gh-copyright">
                 {{@site.title}} © {{date format="YYYY"}}
             </div>
-            <nav class="gh-foot-menu">
-                {{navigation type="secondary"}}
-            </nav>
+            {{#if @site.secondary_navigation}}
+                <nav class="gh-foot-menu">
+                    {{navigation type="secondary"}}
+                </nav>
+            {{/if}}
             <div class="gh-powered-by">
                 <a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
             </div>

diff --git a/packages/edge/assets/built/screen.css b/packages/edge/assets/built/screen.css
diff --git a/packages/edge/assets/built/screen.css.map b/packages/edge/assets/built/screen.css.map
diff --git a/packages/edge/default.hbs b/packages/edge/default.hbs
@@ -66,14 +66,16 @@
         {{{body}}}
     </div>
 
-    <footer class="gh-foot gh-outer">
+    <footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
         <div class="gh-foot-inner gh-inner">
             <div class="gh-copyright">
                 {{@site.title}} © {{date format="YYYY"}}
             </div>
-            <nav class="gh-foot-menu">
-                {{navigation type="secondary"}}
-            </nav>
+            {{#if @site.secondary_navigation}}
+                <nav class="gh-foot-menu">
+                    {{navigation type="secondary"}}
+                </nav>
+            {{/if}}
             <div class="gh-powered-by">
                 <a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
             </div>

diff --git a/packages/edition/assets/built/screen.css b/packages/edition/assets/built/screen.css
diff --git a/packages/edition/assets/built/screen.css.map b/packages/edition/assets/built/screen.css.map
diff --git a/packages/edition/default.hbs b/packages/edition/default.hbs
@@ -74,14 +74,16 @@
         {{{body}}}
     </div>
 
-    <footer class="gh-foot gh-outer">
+    <footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
         <div class="gh-foot-inner gh-inner">
             <div class="gh-copyright">
                 {{@site.title}} © {{date format="YYYY"}}
             </div>
-            <nav class="gh-foot-menu">
-                {{navigation type="secondary"}}
-            </nav>
+            {{#if @site.secondary_navigation}}
+                <nav class="gh-foot-menu">
+                    {{navigation type="secondary"}}
+                </nav>
+            {{/if}}
             <div class="gh-powered-by">
                 <a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
             </div>

diff --git a/packages/headline/assets/built/screen.css b/packages/headline/assets/built/screen.css
diff --git a/packages/headline/assets/built/screen.css.map b/packages/headline/assets/built/screen.css.map
diff --git a/packages/journal/assets/built/screen.css b/packages/journal/assets/built/screen.css
diff --git a/packages/journal/assets/built/screen.css.map b/packages/journal/assets/built/screen.css.map
diff --git a/packages/journal/default.hbs b/packages/journal/default.hbs
@@ -84,16 +84,16 @@
     {{/unless}}
     {{/if}}
 
-    <footer class="gh-foot gh-outer">
+    <footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
         <div class="gh-foot-inner gh-inner">
             <div class="gh-copyright">
                 {{@site.title}} © {{date format="YYYY"}}
             </div>
-
-            <nav class="gh-foot-menu">
-                {{navigation type="secondary"}}
-            </nav>
-
+            {{#if @site.secondary_navigation}}
+                <nav class="gh-foot-menu">
+                    {{navigation type="secondary"}}
+                </nav>
+            {{/if}}
             <div class="gh-powered-by">
                 <a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
             </div>

diff --git a/packages/london/assets/built/screen.css b/packages/london/assets/built/screen.css
diff --git a/packages/london/assets/built/screen.css.map b/packages/london/assets/built/screen.css.map
diff --git a/packages/ruby/assets/built/screen.css b/packages/ruby/assets/built/screen.css
diff --git a/packages/ruby/assets/built/screen.css.map b/packages/ruby/assets/built/screen.css.map
diff --git a/packages/ruby/default.hbs b/packages/ruby/default.hbs
@@ -66,14 +66,16 @@
         {{{body}}}
     </div>
 
-    <footer class="gh-foot gh-outer">
+    <footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
         <div class="gh-foot-inner gh-inner">
             <div class="gh-copyright">
                 {{@site.title}} © {{date format="YYYY"}}
             </div>
-            <nav class="gh-foot-menu">
-                {{navigation type="secondary"}}
-            </nav>
+            {{#if @site.secondary_navigation}}
+                <nav class="gh-foot-menu">
+                    {{navigation type="secondary"}}
+                </nav>
+            {{/if}}
             <div class="gh-powered-by">
                 <a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
             </div>

diff --git a/packages/solo/assets/built/screen.css b/packages/solo/assets/built/screen.css
diff --git a/packages/solo/assets/built/screen.css.map b/packages/solo/assets/built/screen.css.map
diff --git a/packages/wave/assets/built/screen.css b/packages/wave/assets/built/screen.css
diff --git a/packages/wave/assets/built/screen.css.map b/packages/wave/assets/built/screen.css.map