diff options
author | Shaform <shaform@gmail.com> | 2018-07-13 09:31:56 +0300 |
---|---|---|
committer | Shaform <shaform@gmail.com> | 2018-07-13 09:31:56 +0300 |
commit | 7f390cac5ece93a714e0990bdb91145c8e8b2988 (patch) | |
tree | 3a09fdad16b22219c990c933dba8830bf8143aa5 | |
parent | 474671e611b9754d77b19ee827202d401ba2ed02 (diff) |
add langugae chooser to mobile menu as well
-rw-r--r-- | layouts/partials/header.html | 2 | ||||
-rw-r--r-- | layouts/partials/slideout.html | 24 | ||||
-rw-r--r-- | src/css/_partial/_mobile.scss | 4 |
3 files changed, 29 insertions, 1 deletions
diff --git a/layouts/partials/header.html b/layouts/partials/header.html index b35fd1a..dfbfb13 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -42,7 +42,7 @@ {{- $.Scratch.Set "language" .Language -}} <li class="menu-item"> <!-- drop down navigation MENU --> - <a class="menu-item-link menu-parent menu-item-lang" href="{{ .URL | absLangURL | safeURL }}"> + <a class="menu-item-link menu-parent menu-item-lang" href="#"> <i class="iconfont icon-globe"></i> {{ i18n "language" }} </a> diff --git a/layouts/partials/slideout.html b/layouts/partials/slideout.html index c6e4a5d..09914ab 100644 --- a/layouts/partials/slideout.html +++ b/layouts/partials/slideout.html @@ -48,5 +48,29 @@ </li> {{- end }} + {{ if and (gt (len .Site.Home.AllTranslations) 1) (.Site.Params.showMenuLanguageChooser | default false ) }} + {{- $.Scratch.Set "language" .Language -}} + <li class="mobile-menu-item"> + <!-- drop down navigation MENU --> + <div class="mobile-menu-parent mobile-menu-item-lang"> + <span class="mobile-submenu-open"></span> + <a href="#"> + <i class="iconfont icon-globe"></i> + {{ i18n "language" }} + </a> + </div> + <ul class="mobile-submenu-list"> + {{ range .Site.Home.AllTranslations }} + <li> + {{ if eq ($.Scratch.Get "language") .Language }} + <a href="{{ .Permalink }}"><strong>{{ .Language.LanguageName }}</strong></a> + {{ else }} + <a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a> + {{ end }} + </li> + {{ end }} + </ul> + </li> + {{- end }} </ul> </nav> diff --git a/src/css/_partial/_mobile.scss b/src/css/_partial/_mobile.scss index d933d47..84aa721 100644 --- a/src/css/_partial/_mobile.scss +++ b/src/css/_partial/_mobile.scss @@ -133,3 +133,7 @@ display: block; } } + +.mobile-menu-item-lang .icon-globe::before { + font-size: 0.9em; +} |