FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add document data and aria attributes to collapse the nav bar in mobile when an item is clicked (#112)

Browse source
This commit is contained in:
alex bezek 2020-10-22 12:08:11 -04:00 • committed by GitHub
parent 16b774c6eb
commit c85bcf8488
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

21
layouts/partials/navigators/navbar.html
View file

@ -31,7 +31,16 @@
<div class="collapse navbar-collapse" id="top-nav-items"> <div class="collapse navbar-collapse" id="top-nav-items">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#home">{{ i18n "home" }}</a> <a
class="nav-link"
href="#home"
data-toggle="collapse"
data-target=".navbar-collapse"
aria-controls="collapseExample"
role="button"
>
{{ i18n "home" }}
</a>
</li> </li>
{{ if $sections }} {{ if $sections }}
{{ range sort $sections "section.weight" }} {{ range sort $sections "section.weight" }}
@ -41,7 +50,15 @@
{{ $sectionID = .section.id }} {{ $sectionID = .section.id }}
{{ end }} {{ end }}
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#{{ $sectionID }}">{{ .section.name }}</a> <a
class="nav-link"
href="#{{ $sectionID }}"
data-toggle="collapse"
data-target=".navbar-collapse"
aria-controls="collapseExample"
>
{{ .section.name }}
</a>
</li> </li>
{{ end }} {{ end }}
{{- end }} {{- end }}