forks/forgejo
1
0
Fork 0
Code Releases Activity

Label and focus styling for mobile menu button

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
options/locale/locale_en-US.ini
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

2
templates/base/head_navbar.tmpl
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 -->

4
web_src/css/modules/navbar.css
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);
}