hugo-theme-terminal

commit 3a101141d0e04fa95032416462300e0d8ebe938e
parent c5febe957a322b4d4ea15abad1a2d34e765286ee
Author: panr <radoslaw.koziel@gmail.com>
Date:   Sun,  6 Nov 2022 10:05:46 +0100

Fix menu layout and bring back spacer element

Diffstat:
M
assets/css/header.scss
 | 
10
++++++----
M
layouts/partials/menu.html
 | 
13
+++++++------

2 files changed, 13 insertions(+), 10 deletions(-)
diff --git a/assets/css/header.scss b/assets/css/header.scss
@@ -47,6 +47,8 @@
   }
 
   .menu {
+    display: flex;
+    align-items: flex-start;
     margin: 20px 1px;
 
     @media ($phone) {
@@ -112,7 +114,7 @@
 
       &-more {
         @include menu;
-        top: 35px;
+        top: 0;
         left: 0;
 
         &-trigger {
@@ -130,7 +132,7 @@
     }
 
     .spacer {
-      flex-grow: 1;
+      flex-grow: 1 !important;
     }
 
     .language-selector {
@@ -144,12 +146,12 @@
         flex-direction: row;
         color: $accent;
         cursor: pointer;
-        margin: 0;
+        margin-right: 0 !important;
       }
 
       &__more {
         @include menu;
-        top: 35px;
+        top: 0;
         right: 0;
       }
     }
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
@@ -9,7 +9,7 @@
       {{ if gt (len $.Site.Menus.main) $.Site.Params.showMenuItems }}
         <li>
           <ul class="menu__sub-inner">
-            <li class="menu__sub-inner-more-trigger">{{ $.Site.Params.MenuMore }} ▾</li>
+            <li class="menu__sub-inner-more-trigger">{{ $.Site.Params.MenuMore }}&nbsp;▾</li>
             <li>
               <ul class="menu__sub-inner-more hidden">
                 {{ range last (sub (len $.Site.Menus.main) $.Site.Params.showMenuItems) $.Site.Menus.main }}
@@ -29,15 +29,16 @@
         {{ end }}
       {{ end }}
     {{ end }}
-
+  </ul>
+  <span class="spacer"></span>
+  <ul class="menu__inner menu__inner--desktop">
     {{ if and $.Site.Params.showLanguageSelector (len $.Site.Home.AllTranslations) }}
-    <!-- <div class="spacer"></div> -->
     <li>
       <ul class="language-selector">
+        <li class="language-selector-current">
+          {{ .Language.LanguageName }}&nbsp;▾
+        </li>
         <li>
-          <ul class="language-selector-current">
-            <li>{{ .Language.LanguageName }} ▾</li>
-          </ul>
           <ul class="language-selector__more hidden">
             {{ range $.Site.Home.AllTranslations }}
               <li><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>