Fix some bugs with mobile toggle and reuse button and link classes for mobile menu.

This commit is contained in:
Fredrik Jonsson 2023-05-08 15:49:49 +02:00
commit 06479083fb

View file

@ -1,6 +1,6 @@
<div class="mobile-nav" dir="ltr">
<div class="mobile-nav__cover"></div>
<button class="mobile-nav__toggle" aria-expanded="false" aria-controls="sheet">
<button class="mobile-nav__toggle{{ 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>
@ -8,7 +8,7 @@
<rect width="80" height="12" x="10" y="70" rx="5"></rect>
</svg>
</button>
<div class="mobile-nav__sheet" id="sheet" aria-hidden="true">
<div class="mobile-nav__sheet link-inverted link-nav" id="sheet" aria-hidden="true">
<div class="mobile-nav__region">{{ if site.IsMultiLingual }}{{ partial "language-selector.html" . }}{{ end }}</div>
<nav class="mobile-nav__main-menu" aria-label="{{ i18n "menu_title" }}">
<ul class="mobile-nav__navbar">