NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-07-27 19:08:38 -06:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Fix navigation menu colors

Browse Source
This commit is contained in:
Jeremy Stretch 2025-02-24 14:58:49 -05:00
parent 36cd706bc3
commit 205d2c2b0b
2 changed files with 9 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.

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

@ -8,8 +8,8 @@
// Adjust hover color & style for menu items // Adjust hover color & style for menu items
.navbar-collapse { .navbar-collapse {
.nav-link-icon { .nav-link-icon, .nav-link-title {
color: var(--tblr-nav-link-color) !important; color: $rich-black;
} }
.text-secondary { .text-secondary {
color: $dark-teal !important; color: $dark-teal !important;
@ -26,8 +26,8 @@
visibility: hidden; visibility: hidden;
} }
// Style menu item hover state // Style menu item hover/active state
&:hover { &:hover, &.active {
background-color: var(--tblr-navbar-active-bg); background-color: var(--tblr-navbar-active-bg);
a { a {
text-decoration: none; text-decoration: none;
@ -37,17 +37,6 @@
} }
} }
// Style active menu item
&.active {
background-color: var(--tblr-navbar-active-bg);
a {
color: $rich-black;
}
.btn-group {
visibility: visible;
}
}
} }
} }
} }
@ -109,22 +98,17 @@ body[data-bs-theme=dark] .navbar-vertical.navbar-expand-lg {
border-color: $bright-teal !important; border-color: $bright-teal !important;
} }
.nav-link-title, .nav-link-icon {
color: white !important;
}
// Adjust hover color & style for menu items // Adjust hover color & style for menu items
.dropdown-item { .dropdown-item {
a { a {
color: white !important; color: white !important;
} }
&.active { &.active, &:hover {
background-color: $navbar-dark-active-bg !important; background-color: $navbar-dark-active-bg !important;
a {
color: white !important;
}
}
&:hover {
background-color: $navbar-dark-active-bg !important;
}
.nav-link-title {
color: white !important;
} }
} }
.text-secondary { .text-secondary {