Label and focus styling for mobile menu button
This commit is contained in:
parent
92c1ff76ea
commit
30e0b2f851
3 changed files with 4 additions and 3 deletions
|
@ -26,6 +26,7 @@ enable_javascript = This website requires JavaScript.
|
||||||
toc = Table of Contents
|
toc = Table of Contents
|
||||||
licenses = Licenses
|
licenses = Licenses
|
||||||
return_to_gitea = Return to Forgejo
|
return_to_gitea = Return to Forgejo
|
||||||
|
toggle_menu = Toggle Menu
|
||||||
|
|
||||||
username = Username
|
username = Username
|
||||||
email = Email address
|
email = Email address
|
||||||
|
|
|
@ -20,7 +20,7 @@
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
{{end}}
|
{{end}}
|
||||||
<button class="item gt-w-auto ui icon mini button gt-p-3 gt-m-0" id="navbar-expand-toggle">{{svg "octicon-three-bars"}}</button>
|
<button class="item gt-w-auto ui icon mini button gt-p-3 gt-m-0" id="navbar-expand-toggle" aria-label="{{ctx.Locale.Tr "toggle_menu"}}">{{svg "octicon-three-bars"}}</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- navbar links non-mobile -->
|
<!-- navbar links non-mobile -->
|
||||||
|
|
|
@ -41,8 +41,8 @@
|
||||||
justify-content: stretch;
|
justify-content: stretch;
|
||||||
}
|
}
|
||||||
|
|
||||||
#navbar a.item:hover,
|
#navbar a.item:hover, #navbar a.item:focus,
|
||||||
#navbar button.item:hover {
|
#navbar button.item:hover, #navbar button.item:focus {
|
||||||
background: var(--color-nav-hover-bg);
|
background: var(--color-nav-hover-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue