ViMaSter/hackertours
0
0
Fork 0
forked from CCCHH/hackertours
Code Pull requests Activity

fix: Applies bugfix to mobile version of menu

Browse source
This commit is contained in:
Vincent Mahnke 2025-11-12 19:28:22 +01:00
commit 86fea9f42f
Signed by: ViMaSter
GPG key ID: 6D787326BA7D6469
1 changed files with 22 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

22
layouts/_partials/mobilemenu.html Normal file
View file

@ -0,0 +1,22 @@
<div class="mobile-nav" dir="ltr" hidden>
<div class="mobile-nav__cover"></div>
<button class="mobile-nav__toggle button{{ if $.Param "mobilemenuoutline" }} button--outline{{ end }}" aria-expanded="false" aria-controls="sheet">
{{ i18n "menu_mobile" }}
<svg class="mobile-nav__hamburger" viewBox="0 0 100 100" focusable="false" aria-hidden="true">
<rect width="80" height="12" x="10" y="20" rx="5"></rect>
<rect width="80" height="12" x="10" y="45" rx="5"></rect>
<rect width="80" height="12" x="10" y="70" rx="5"></rect>
</svg>
</button>
<div class="mobile-nav__sheet link-inverted link-nav" id="sheet" aria-hidden="true">
<div class="mobile-nav__region">{{ if hugo.IsMultilingual }}{{ partial "language-selector.html" . }}{{ end }}</div>
<nav class="mobile-nav__main-menu" aria-label="{{ i18n "menu_title" }}">
<ul class="mobile-nav__navbar">
{{ $currentPage := . -}}
{{ range site.Menus.main -}}
<li><a href="{{ .URL }}"{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} aria-current="page"{{ end }}>{{ .Pre }}<span>{{ .Name }}</span>{{ .Post }}</a></li>
{{ end -}}
</ul>
</nav>
</div>
</div>