Startsida Utforska Hjälp
Logga in
xry111
/
hugo-academic
1
0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Bläddra i källkod

feat: add options to highlight active links and show current language

`highlight_active_link` and `show_language` added to `main_menu` in `params.toml`:

`main_menu = {align = "l", show_logo = true, highlight_active_link = true, show_language = false}`

For example, enables disabling highlighting active main menu links on scroll if it's found to be inaccurate in a certain case, such as towards the end of a homepage with lots of very short widgets that are linked in the menu.
George Cushen 5 år sedan
förälder
4efb4d3ab0
incheckning
8d75e9e27a
3 ändrade filer med 12 tillägg och 5 borttagningar
Delad Vy Visa Diff Statistik
  1. 1 1
      exampleSite/config/_default/params.toml
  2. 3 1
      layouts/_default/baseof.html
  3. 8 3
      layouts/partials/navbar.html

+ 1 - 1
exampleSite/config/_default/params.toml
Visa fil 

@@ -147,7 +147,7 @@ address_format = "en-us"
 
 ############################
 
 
 # Main menu alignment (l = left, c = center, r = right) and logo options.
 
-main_menu = {align = "l", show_logo = true}
 
+main_menu = {align = "l", show_logo = true, highlight_active_link = true, show_language = false}
 
 
 # Show estimated reading time for posts? (true/false)
 
 reading_time = true

+ 3 - 1
layouts/_default/baseof.html
Visa fil 

@@ -3,7 +3,9 @@
 
 <html lang="{{$language_code}}" {{ if in site.Data.i18n.rtl.rtl $language_code }}dir="rtl"{{end}}>
 
 
 {{ partial "site_head" . }}
 
-<body id="top" data-spy="scroll" data-offset="70" data-target="{{ if or .IsHome (eq .Type "widget_page") }}#navbar-main{{else}}#TableOfContents{{end}}" {{ if not (.Scratch.Get "light") }}class="dark"{{end}}>
 
+
 
+{{- $highlight_active_link := site.Params.main_menu.highlight_active_link | default true -}}
 
+<body id="top" data-spy="scroll" data-offset="70" data-target="{{ if or .IsHome (eq .Type "widget_page") | and $highlight_active_link }}#navbar-main{{else}}#TableOfContents{{end}}" {{ if not (.Scratch.Get "light") }}class="dark"{{end}}>
 
 
   {{ partial "search" . }}

+ 8 - 3
layouts/partials/navbar.html
Visa fil 

@@ -1,4 +1,6 @@
 
 {{ $current_page := . }}
 
+{{ $highlight_active_link := site.Params.main_menu.highlight_active_link | default true }}
 
+{{ $show_current_language := site.Params.main_menu.show_language | default false }}
 
 
 {{/* Get site logo. */}}
 
 {{ $show_logo := site.Params.main_menu.show_logo | default true }}
 
@@ -90,7 +92,7 @@
 
         {{ end }}
 
 
         <li class="nav-item">
 
-          <a class="nav-link {{if $is_link_in_current_path }} active{{end}}" href="{{.URL | relLangURL}}"{{ if and $is_widget_page $is_same_page }} data-target="{{$hash}}"{{ end }}{{ ($.Scratch.Get "target") | safeHTMLAttr }}>
 
+          <a class="nav-link {{if and $highlight_active_link $is_link_in_current_path }} active{{end}}" href="{{.URL | relLangURL}}"{{ if and $is_widget_page $is_same_page }} data-target="{{$hash}}"{{ end }}{{ ($.Scratch.Get "target") | safeHTMLAttr }}>
 
             {{- .Pre -}}<span>{{ .Name | safeHTML }}</span>{{- .Post -}}
 
           </a>
 
         </li>
 
@@ -151,8 +153,11 @@
 
 
       {{ if .IsTranslated }}
 
       <li class="nav-item dropdown i18n-dropdown">
 
-        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true">
 
-          <i class="fas fa-globe mr-1" aria-hidden="true"></i><span class="d-none d-lg-inline">{{ index site.Data.i18n.languages .Lang }}</span>
 
+        <a href="#" class="nav-link {{ if $show_current_language }}dropdown-toggle{{end}}" data-toggle="dropdown" aria-haspopup="true">
 
+          <i class="fas fa-globe mr-1" aria-hidden="true"></i>
 
+          {{- if $show_current_language -}}
 
+            <span class="d-none d-lg-inline">{{ index site.Data.i18n.languages .Lang }}</span>
 
+          {{- end -}}
 
         </a>
 
         <div class="dropdown-menu">
 
           <div class="dropdown-item dropdown-item-active">