RomanNum3ral
/
netbox
mirror of https://github.com/netbox-community/netbox.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixes #22529: Ensure navigation menu is navigable via keyboard (#22540)

This commit is contained in:
Jeremy Stretch 2026-06-26 13:14:06 -04:00 committed by GitHub
parent 021b7c5f5b
commit 80a243045e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
netbox/project-static/dist/netbox.css vendored
View File

File diff suppressed because one or more lines are too long

8
netbox/project-static/styles/transitional/_navigation.scss
View File

@ -1,5 +1,13 @@
// Navbar and light theme styling
.navbar-vertical.navbar-expand-lg {
// Render the <button> menu headings identically to the surrounding nav links
.navbar-collapse .nav-item.dropdown > button.nav-link {
width: 100%;
background-color: transparent;
border: 0;
text-align: left;
}
// Adjust hover color & style for menu items
.navbar-collapse {
.nav-link-icon,

4
netbox/utilities/templates/navigation/menu.html
View File

@ -22,14 +22,14 @@
<li class="nav-item dropdown">
{# Menu heading #}
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" data-bs-auto-close="false" role="button" aria-expanded="false" aria-label="{{ menu.label }}">
<button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="false" aria-expanded="false" aria-label="{{ menu.label }}">
<span class="nav-link-icon d-md-none d-lg-inline-block">
<i class="{{ menu.icon_class }}" aria-hidden="true"></i>
</span>
<span class="nav-link-title">
{{ menu.label }}
</span>
</a>
</button>
{# Menu groups #}
<div class="dropdown-menu">