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 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

View file

@ -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 -->

View file

@ -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);
} }