fix: dropdown-free lang selector

This commit is contained in:
nevfy 2024-07-05 07:36:15 +03:00
parent 1d296b0921
commit 03db6f624c
4 changed files with 16 additions and 9 deletions

View file

@ -49,7 +49,7 @@
</li> </li>
{{ end -}} {{ end -}}
{{ if (gt (len .Site.Home.Translations) 0) -}} {{ if (gt (len .Site.Home.Translations) 0) -}}
<li class="nav-item dropdown d-none d-lg-block"> <li class="nav-item">
{{ partial "navbar-lang-selector.html" . -}} {{ partial "navbar-lang-selector.html" . -}}
</li> </li>
{{ end -}} {{ end -}}

View file

@ -23,9 +23,9 @@
{{- if .Site.Params.ui.sidebar_menu_foldable }} foldable-nav{{ end -}} {{- if .Site.Params.ui.sidebar_menu_foldable }} foldable-nav{{ end -}}
" id="td-section-nav"> " id="td-section-nav">
{{ if (gt (len .Site.Home.Translations) 0) -}} {{ if (gt (len .Site.Home.Translations) 0) -}}
<div class="td-sidebar-nav__section nav-item dropdown d-block d-lg-none"> <!-- <div class="td-sidebar-nav__section nav-item dropdown d-block d-lg-none">
{{ partial "navbar-lang-selector.html" . }} {{ partial "navbar-lang-selector.html" . }}
</div> </div> -->
{{ end -}} {{ end -}}
{{ $navRoot := cond (and (ne .Params.toc_root true) (eq .Site.Home.Type "docs")) .Site.Home .FirstSection -}} {{ $navRoot := cond (and (ne .Params.toc_root true) (eq .Site.Home.Type "docs")) .Site.Home .FirstSection -}}
{{ $ulNr := 0 -}} {{ $ulNr := 0 -}}

View file

@ -203,4 +203,9 @@ a, a.btn-link {
#sp-logo-keyhole { #sp-logo-keyhole {
fill: $yellow fill: $yellow
}
.lang-selector > ul > .nav-item > .nav-link {
padding: .5rem !important;
text-transform: uppercase;
} }

View file

@ -1,12 +1,14 @@
{{/* Link directly to documentation etc., if possible. */}} {{/* Link directly to documentation etc., if possible. */}}
{{ $langPage := cond (gt (len .Translations) 0) . .Site.Home }} {{ $langPage := cond (gt (len .Translations) 0) . .Site.Home }}
<div class="dropdown"> {{ $currentLang := .Language.Lang }}
<a role="button" class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <div class="lang-selector">
<i class="fas fa-globe ms-2"></i> <ul class="d-flex">
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
{{ range $langPage.AllTranslations }} {{ range $langPage.AllTranslations }}
<li><a class="dropdown-item" href="{{ .RelPermalink }}">{{ .Language.LanguageName }}</a></li> {{ if eq $currentLang .Language.Lang }}
<li class="nav-item"><a class="nav-link active" href="{{ .RelPermalink }}">{{ .Language.Lang }}</a></li>
{{ else }}
<li class="nav-item"><a class="nav-link" href="{{ .RelPermalink }}">{{ .Language.Lang }}</a></li>
{{ end }}
{{ end }} {{ end }}
</ul> </ul>
</div> </div>