Label and focus styling for mobile menu button

This commit is contained in:
Otto Richter 2024-02-18 16:48:32 +01:00
parent 92c1ff76ea
commit 30e0b2f851
3 changed files with 4 additions and 3 deletions

View file

@ -26,6 +26,7 @@ enable_javascript = This website requires JavaScript.
toc = Table of Contents
licenses = Licenses
return_to_gitea = Return to Forgejo
toggle_menu = Toggle Menu
username = Username
email = Email address

View file

@ -20,7 +20,7 @@
</div>
</a>
{{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>
<!-- navbar links non-mobile -->

View file

@ -41,8 +41,8 @@
justify-content: stretch;
}
#navbar a.item:hover,
#navbar button.item:hover {
#navbar a.item:hover, #navbar a.item:focus,
#navbar button.item:hover, #navbar button.item:focus {
background: var(--color-nav-hover-bg);
}