feat: Put lang and edit buttons into hero-foot (#272)

peaceiris · Jan 13, 2021 · 8a1de98 · 8a1de98 · github-actions · Jan 13, 2021
1 parent 7c55301
commit 8a1de98
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 7 deletions.
diff --git a/assets/theme/scss/bulma.scss b/assets/theme/scss/bulma.scss
@@ -2,6 +2,10 @@
 
 @import "../../mod/bulma/utilities/_all.sass";
 @import "../../mod/bulma/base/_all.sass";
+
+// ====================
+// helpers
+// ====================
 @import "../../mod/bulma/helpers/float.sass";
 @import "../../mod/bulma/helpers/color.sass";
 @import "../../mod/bulma/helpers/typography.sass";

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -20,9 +20,6 @@
       <section class="hero is-dark is-large">
         <div class="columns">
           <div class="column is-8 is-offset-2">
-            {{ partial "check-tools" . }}
-            {{ partial "lang-button" . }}
-            {{ partial "edit-button" . }}
             {{ block "main" . }}{{ end }}
           </div>
         </div>

diff --git a/layouts/partials/check-tools.html b/layouts/partials/check-tools.html
@@ -5,8 +5,6 @@
     {{ $targetURL = delimit (slice $.Site.Params.stagingURL $targetRelURL) "" }}
   {{ end }}
 
-<span class="tag is-warning is-medium">Development</span>
-
 <div class="dropdown" id="checkTools">
   <div class="dropdown-trigger">
     <button class="button is-warning" aria-haspopup="true" aria-controls="dropdown-menu" onclick="toggleDropdownCheckTools();">
@@ -75,6 +73,4 @@
   }
 </script>
 
-<br>
-
 {{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -10,6 +10,7 @@
 
 <header>
   <section class="hero is-dark is-bold">
+    <!-- Hero content: will be in the middle -->
     <div class="hero-body columns is-desktop">
       <div class="column is-8 is-offset-2">
         <h1 class="title is-spaced">
@@ -30,5 +31,14 @@ <h1 class="title is-spaced">
         <p class="has-text-grey-light is-pulled-right">{{ i18n "lastmod" . }}: {{ .Lastmod.Format "2006-01-02" }}</p>
       </div>
     </div>
+
+    <!-- Hero footer: will stick at the bottom -->
+    <div class="hero-foot columns is-desktop">
+      <div class="column is-8 is-offset-2">
+        {{ partial "lang-button" . }}
+        {{ partial "edit-button" . }}
+        {{ partial "check-tools" . }}
+      </div>
+    </div>
   </section>
 </header>