From 03db6f624c9002ac1fb1d4a524fb323164076157 Mon Sep 17 00:00:00 2001
From: nevfy <yaver4.0.0.0@gmail.com>
Date: Fri, 5 Jul 2024 07:36:15 +0300
Subject: [PATCH] fix: dropdown-free lang selector

---
 .../google/docsy/layouts/partials/navbar.html      |  2 +-
 .../docsy/layouts/partials/sidebar-tree.html       |  4 ++--
 assets/scss/_styles_project.scss                   |  5 +++++
 layouts/partials/navbar-lang-selector.html         | 14 ++++++++------
 4 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/_vendor/github.com/google/docsy/layouts/partials/navbar.html b/_vendor/github.com/google/docsy/layouts/partials/navbar.html
index 71a4afe..63b2966 100644
--- a/_vendor/github.com/google/docsy/layouts/partials/navbar.html
+++ b/_vendor/github.com/google/docsy/layouts/partials/navbar.html
@@ -49,7 +49,7 @@
       </li>
       {{ end -}}
       {{ 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" . -}}
       </li>
       {{ end -}}
diff --git a/_vendor/github.com/google/docsy/layouts/partials/sidebar-tree.html b/_vendor/github.com/google/docsy/layouts/partials/sidebar-tree.html
index 2ce0c56..bd6921d 100644
--- a/_vendor/github.com/google/docsy/layouts/partials/sidebar-tree.html
+++ b/_vendor/github.com/google/docsy/layouts/partials/sidebar-tree.html
@@ -23,9 +23,9 @@
       {{- if .Site.Params.ui.sidebar_menu_foldable }} foldable-nav{{ end -}}
       " id="td-section-nav">
     {{ 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" . }}
-    </div>
+    </div> -->
     {{ end -}}
     {{ $navRoot := cond (and (ne .Params.toc_root true) (eq .Site.Home.Type "docs")) .Site.Home .FirstSection -}}
     {{ $ulNr := 0 -}}
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index d3d3437..d8152b0 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -203,4 +203,9 @@ a, a.btn-link {
 
 #sp-logo-keyhole {
   fill: $yellow
+}
+
+.lang-selector > ul > .nav-item > .nav-link {
+  padding: .5rem !important;
+  text-transform: uppercase;
 }
\ No newline at end of file
diff --git a/layouts/partials/navbar-lang-selector.html b/layouts/partials/navbar-lang-selector.html
index 1488956..a24b405 100644
--- a/layouts/partials/navbar-lang-selector.html
+++ b/layouts/partials/navbar-lang-selector.html
@@ -1,12 +1,14 @@
 {{/* Link directly to documentation etc., if possible. */}}
 {{ $langPage := cond (gt (len .Translations) 0) . .Site.Home }}
-<div class="dropdown">
-	<a role="button" class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-		<i class="fas fa-globe ms-2"></i>
-	</a>
-	<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+{{ $currentLang := .Language.Lang }}
+<div class="lang-selector">
+	<ul class="d-flex">
 		{{ 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 }}
 	</ul>
 </div>
\ No newline at end of file