diff --git a/netbox/project-static/dist/netbox-dark.css b/netbox/project-static/dist/netbox-dark.css index 6ef1beacb..11e881247 100644 Binary files a/netbox/project-static/dist/netbox-dark.css and b/netbox/project-static/dist/netbox-dark.css differ diff --git a/netbox/project-static/dist/netbox-light.css b/netbox/project-static/dist/netbox-light.css index cb8ad40a8..f64d91048 100644 Binary files a/netbox/project-static/dist/netbox-light.css and b/netbox/project-static/dist/netbox-light.css differ diff --git a/netbox/project-static/styles/netbox.scss b/netbox/project-static/styles/netbox.scss index 236d44f1b..82e836585 100644 --- a/netbox/project-static/styles/netbox.scss +++ b/netbox/project-static/styles/netbox.scss @@ -501,7 +501,7 @@ div.content-container { position: relative; display: flex; flex-direction: column; - width: calc(100% - 4.5rem); + width: calc(100% - 3rem); // $sidenav-width-closed min-height: 100vh; overflow-x: hidden; overflow-y: auto; diff --git a/netbox/project-static/styles/sidenav.scss b/netbox/project-static/styles/sidenav.scss index 0c7bbfb1e..25f9a886c 100644 --- a/netbox/project-static/styles/sidenav.scss +++ b/netbox/project-static/styles/sidenav.scss @@ -163,6 +163,12 @@ } } + .nav-group-header { + padding: $sidenav-link-spacing-y / 2 $sidenav-link-spacing-x; + margin-top: 0.5rem; + margin-bottom: 0; + } + // Child Link nav-item .nav .nav-item { display: flex; @@ -178,25 +184,15 @@ @include child-link() { width: 100%; - padding-top: $sidenav-link-spacing-y / 2.675; + padding-top: $sidenav-link-spacing-y / 2; padding-right: map.get($spacers, 1); - padding-bottom: $sidenav-link-spacing-y / 2.675; - /* stylelint-disable */ - padding-left: $sidenav-link-spacing-x + $sidenav-icon-width + $sidenav-link-spacing-x / 4; - /* stylelint-enable */ - margin-top: $sidenav-link-spacing-y / 3.3; - margin-bottom: $sidenav-link-spacing-y / 3.3; - font-size: $font-size-xs; + padding-bottom: $sidenav-link-spacing-y / 2; + padding-left: $sidenav-link-spacing-x; + margin-top: 0; + margin-bottom: 0; border-top-right-radius: $border-radius; border-bottom-right-radius: $border-radius; - .sidenav-normal { - color: $text-muted; - &:hover { - opacity: 0.8; - } - } - .sidenav-mini-icon { width: $sidenav-link-spacing-x; text-align: center; @@ -209,6 +205,7 @@ height: 100%; font-weight: $font-weight-bold; color: var(--nbx-sidenav-parent-color); + padding-left: $sidenav-link-spacing-x / 2; &.active { color: $accordion-button-active-color; @@ -273,7 +270,10 @@ &.active { position: relative; - color: var(--nbx-sidebar-link-hover-bg); + background-color: var(--nbx-sidebar-link-hover-bg); + } + + &:hover { background-color: var(--nbx-sidebar-link-hover-bg); } @@ -290,7 +290,7 @@ display: block; font-size: $font-size-xs; font-weight: $font-weight-bold; - color: $primary; + color: $secondary; text-transform: uppercase; white-space: nowrap; } diff --git a/netbox/project-static/styles/theme-base.scss b/netbox/project-static/styles/theme-base.scss index 9b7fa5c72..2357ec7eb 100644 --- a/netbox/project-static/styles/theme-base.scss +++ b/netbox/project-static/styles/theme-base.scss @@ -143,10 +143,9 @@ $sidebar-bottom-height: 4rem; $transition-100ms-ease-in-out: all 0.1s ease-in-out; // Sidebar/Sidenav -$sidenav-width-closed: 4rem; +$sidenav-width-closed: 3rem; $sidenav-width-open: 16rem; $sidenav-icon-width: 2rem; -$sidenav-link-px: 1rem; $sidenav-spacing-x: 1.5rem; $sidenav-link-spacing-x: 1rem; -$sidenav-link-spacing-y: 0.675rem; +$sidenav-link-spacing-y: 0.5rem; diff --git a/netbox/templates/base/sidenav.html b/netbox/templates/base/sidenav.html index b3fd5afea..0e1921754 100644 --- a/netbox/templates/base/sidenav.html +++ b/netbox/templates/base/sidenav.html @@ -13,7 +13,7 @@ {# Icon Logo #} - NetBox Logo + NetBox Logo {# Pin/Unpin Toggle #} diff --git a/netbox/templates/inc/profile_button.html b/netbox/templates/inc/profile_button.html index bec87f271..0c66cc203 100644 --- a/netbox/templates/inc/profile_button.html +++ b/netbox/templates/inc/profile_button.html @@ -1,10 +1,10 @@ {% if request.user.is_authenticated %} - +