From 205d2c2b0b47fb12ae5c1c3ee1e98cc649783840 Mon Sep 17 00:00:00 2001 From: Jeremy Stretch Date: Mon, 24 Feb 2025 14:58:49 -0500 Subject: [PATCH] Fix navigation menu colors --- netbox/project-static/dist/netbox.css | Bin 554171 -> 554027 bytes .../styles/transitional/_navigation.scss | 34 +++++------------- 2 files changed, 9 insertions(+), 25 deletions(-) diff --git a/netbox/project-static/dist/netbox.css b/netbox/project-static/dist/netbox.css index 9b5714616af761fec05848a48af6afad4480b134..b2a40a0bd6758079362fb1b3ead36ba5bc2eb0b9 100644 GIT binary patch delta 229 zcmdn}QgQVQ#fBEf7N!>F7M2#)7Pc1lEga%8j5^Z`cbdr*DYkU}s7MYete|R!FR#zA=$WWO{rY zM-qnC?NSLGGAz>-uClOjBP`RIeldl^1}w@27R^k~&jSm3PJb7}!8P4Cg(GfyXb6Y& ibcJLNh3VX>9Q+{r*`{l8u?tP#o5B&WJu;0Wi4Op~ZAr=i delta 204 zcmZ4eLUH#?#fBEf7N!>F7M2#)7Pc1lEga%8(-){SN>6vNVq|61oW3)L!+!hR7!DuC z=~`UuLX(uZr^m%{WKCC!=O~~4C!WJ@`T}WIwdn$>9PHECLpWdxlE5NN3W?LBVmO?q z8yshmoi1>Pg>C!Ccn%qs>5Ec0N&yQgapb@)FB*b29U?bxSf!a#E*nOyLOHelnFKi4Op;?Lnvj diff --git a/netbox/project-static/styles/transitional/_navigation.scss b/netbox/project-static/styles/transitional/_navigation.scss index 67aa19935..d31f1cc82 100644 --- a/netbox/project-static/styles/transitional/_navigation.scss +++ b/netbox/project-static/styles/transitional/_navigation.scss @@ -8,8 +8,8 @@ // Adjust hover color & style for menu items .navbar-collapse { - .nav-link-icon { - color: var(--tblr-nav-link-color) !important; + .nav-link-icon, .nav-link-title { + color: $rich-black; } .text-secondary { color: $dark-teal !important; @@ -26,8 +26,8 @@ visibility: hidden; } - // Style menu item hover state - &:hover { + // Style menu item hover/active state + &:hover, &.active { background-color: var(--tblr-navbar-active-bg); a { 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; } + .nav-link-title, .nav-link-icon { + color: white !important; + } + // Adjust hover color & style for menu items .dropdown-item { a { color: white !important; } - &.active { + &.active, &:hover { 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 {