Use a dropdown for language selector

This commit is contained in:
2021-11-07 19:55:17 -06:00
parent f16f2b6d8a
commit 21ecc630df
2 changed files with 38 additions and 8 deletions

View File

@ -21,10 +21,17 @@
</nav>
{{ if .Site.IsMultiLingual }}
<nav class="langpicker">
{{ range .Site.Home.AllTranslations }}
<a class="langpicker-item{{ if eq .Language $.Site.Language }} active{{ end }}" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
{{ end }}
</nav>
<details class="langpicker">
<summary>
{{ partial "icon.html" "world" -}}
</summary>
<ul class="languages">
{{ range .Site.Home.AllTranslations }}
<li>
<a class="langpicker-item{{ if eq .Language $.Site.Language }} active{{ end }}" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
</li>
{{ end }}
</ul>
</details>
{{ end }}
</div>