From b314faf43c50dabb3ff9bfdd973329a0f6cc92ba Mon Sep 17 00:00:00 2001
From: Mark Dumay <61946753+markdumay@users.noreply.github.com>
Date: Sat, 4 Oct 2025 09:41:32 +0200
Subject: [PATCH 1/2] feat: enable optional inline language selector

---
 assets/scss/components/_navbar.scss           | 13 +++++++
 exampleSite/config/_default/params.toml       |  1 +
 .../assets/helpers/navbar-languages.html      | 35 +++++++++++--------
 3 files changed, 34 insertions(+), 15 deletions(-)

diff --git a/assets/scss/components/_navbar.scss b/assets/scss/components/_navbar.scss
index b899508d..c1d0afc5 100644
--- a/assets/scss/components/_navbar.scss
+++ b/assets/scss/components/_navbar.scss
@@ -392,3 +392,16 @@
 .form-control.is-search {
     border: 1px solid var(--bs-border-color) !important;
 }
+.inline-menu li {
+  display: inline-block;
+  padding: 0.5rem;
+  color: var(--bs-nav-link-color);
+}
+
+.inline-menu li .active, .inline-menu li>a:hover {
+    box-shadow: inset 0 -1px 0 var(--bs-navbar-hover-color);
+}
+
+ul.inline-menu {
+  padding: 0;
+}
diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
index cbbb5371..2c54fb6e 100644
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -61,6 +61,7 @@
     maxNumHeadings = 9
     [navigation.language]
         icon = "fas globe"
+        inline = false
     [navigation.padding]
         x = 4
         y = 4
diff --git a/layouts/_partials/assets/helpers/navbar-languages.html b/layouts/_partials/assets/helpers/navbar-languages.html
index 25fe0f4c..bf4b8438 100644
--- a/layouts/_partials/assets/helpers/navbar-languages.html
+++ b/layouts/_partials/assets/helpers/navbar-languages.html
@@ -4,34 +4,39 @@
 {{- $pretty := .pretty -}}
 {{- $icon := .icon | default "fas globe" -}}
 {{- $fs := .fs | default 6 -}}
+{{- $inline := site.Params.navigation.language.inline | default false -}}
+{{- $class := cond $inline "inline-menu" "dropdown-menu dropdown-menu-end" }}
 
 {{- $lang := $page.Language.Lang -}}
 <li class="nav-item dropdown me-auto">
-    <a class="nav-link dropdown-toggle d-{{ $breakpoint }}-none" role="button" data-bs-toggle="dropdown" 
-        aria-label="{{ T "languageSwitcherLabel" }}" aria-expanded="false">
-        {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-fw" $icon) "spacing" true) }}{{ T "languageSwitcherLabel" }}
-    </a>
-    <a class="nav-link dropdown-toggle d-none d-{{ $breakpoint }}-block" role="button" data-bs-toggle="dropdown" 
-        aria-label="{{ T "languageSwitcherLabel" }}" aria-expanded="false">
-        {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-fw" $icon) "spacing" false) }}
-    </a>
-    <ul id="language-selector" class="dropdown-menu dropdown-menu-end navbar-fs-{{ $fs }} navbar-{{ $breakpoint }}-fs" data-translated="{{ $page.IsTranslated }}">
+    {{ if not $inline }}
+        <a class="nav-link dropdown-toggle d-{{ $breakpoint }}-none" role="button" data-bs-toggle="dropdown" 
+            aria-label="{{ T "languageSwitcherLabel" }}" aria-expanded="false">
+            {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-fw" $icon) "spacing" true) }}{{ T "languageSwitcherLabel" }}
+        </a>
+        <a class="nav-link dropdown-toggle d-none d-{{ $breakpoint }}-block" role="button" data-bs-toggle="dropdown" 
+            aria-label="{{ T "languageSwitcherLabel" }}" aria-expanded="false">
+            {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-fw" $icon) "spacing" false) }}
+        </a>
+    {{ end }}
+    <ul id="language-selector" class="{{ $class }} navbar-fs-{{ $fs }} navbar-{{ $breakpoint }}-fs" data-translated="{{ $page.IsTranslated }}">
         {{- if $page.IsTranslated -}}
             {{- range $page.AllTranslations -}}
                 <li>
                     {{- $state := cond (eq .Language.Lang $lang) "active" "" }}
                     <a class="dropdown-item {{ $state }}" hreflang="{{ .Language.Lang }}" href="{{ .RelPermalink }}">
-                        {{- .Language.LanguageName -}}
+                        {{- cond $inline (upper .Language.Lang) .Language.LanguageName -}}
                     </a>
                 </li>
             {{- end -}}
         {{- else -}}
             {{- range site.Languages -}}
-                {{ $dest := partial "utilities/URLJoin.html" (dict "base" $baseURL "path" .Lang) }}
-                {{ if and $pretty (not (hasSuffix $dest "/")) }}
-                    {{ $dest = printf "%s/" $dest }}
-                {{ end }}
-                <li><a class="dropdown-item" href="{{ $dest }}" hreflang="{{ .Lang }}">{{ default .Lang .LanguageName }}</a></li>
+                <li>
+                    {{- $state := cond (eq .Lang $lang) "active" "disabled" }}
+                    <a class="dropdown-item {{ $state }}" href="{{ cond (eq $state "active") $page.RelPermalink "#!" }}" hreflang="{{ .Lang }}">
+                    {{- cond $inline (upper .Lang) (default .Lang .LanguageName) -}}
+                    </a>
+                </li>
             {{- end -}}
         {{- end -}}
     </ul>

From df88d868db0cb56408784b0fb9e7416cd5131509 Mon Sep 17 00:00:00 2001
From: Mark Dumay <61946753+markdumay@users.noreply.github.com>
Date: Sat, 4 Oct 2025 09:50:22 +0200
Subject: [PATCH 2/2] fix: solve linting issue

---
 assets/scss/components/_navbar.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/assets/scss/components/_navbar.scss b/assets/scss/components/_navbar.scss
index c1d0afc5..b4a0130f 100644
--- a/assets/scss/components/_navbar.scss
+++ b/assets/scss/components/_navbar.scss
@@ -392,6 +392,7 @@
 .form-control.is-search {
     border: 1px solid var(--bs-border-color) !important;
 }
+
 .inline-menu li {
   display: inline-block;
   padding: 0.5rem;