diff --git a/assets/scss/components/_navbar.scss b/assets/scss/components/_navbar.scss index b899508d..b4a0130f 100644 --- a/assets/scss/components/_navbar.scss +++ b/assets/scss/components/_navbar.scss @@ -392,3 +392,17 @@ .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 -}}