diff --git a/netbox/project-static/dist/netbox.css b/netbox/project-static/dist/netbox.css index 75b5b7b1e..03faeba00 100644 Binary files a/netbox/project-static/dist/netbox.css and b/netbox/project-static/dist/netbox.css differ diff --git a/netbox/project-static/img/logo_netboxlabs_bright_teal.svg b/netbox/project-static/img/logo_netboxlabs_bright_teal.svg new file mode 100644 index 000000000..e2dd3c2fa --- /dev/null +++ b/netbox/project-static/img/logo_netboxlabs_bright_teal.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/netbox/project-static/img/logo_netboxlabs_dark_teal.svg b/netbox/project-static/img/logo_netboxlabs_dark_teal.svg new file mode 100644 index 000000000..7ac19ef93 --- /dev/null +++ b/netbox/project-static/img/logo_netboxlabs_dark_teal.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/netbox/project-static/img/motif.svg b/netbox/project-static/img/motif.svg new file mode 100644 index 000000000..11a49f454 --- /dev/null +++ b/netbox/project-static/img/motif.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/netbox/project-static/styles/transitional/_navigation.scss b/netbox/project-static/styles/transitional/_navigation.scss index dc80af761..1d3271461 100644 --- a/netbox/project-static/styles/transitional/_navigation.scss +++ b/netbox/project-static/styles/transitional/_navigation.scss @@ -49,6 +49,57 @@ } } } + + // Ensures theme toggle appears above background image + .navbar-nav { + z-index: 1; + } + + // Logo text for non-community editions + .navbar-brand { + a:hover { + text-decoration: none; + } + .netbox-edition { + font-size: .6rem; + letter-spacing: .25rem; + text-align: center; + } + &-image-edition { + height: 1.2rem; + width: auto; + } + } + + // Navigation geometric graphic for non-community editions + .netbox-motif { + height: 100%; + left: 0; + position: absolute; + width: 100%; + + img { + bottom: 0; + mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%); + opacity: .25; + position: absolute; + user-drag: none; + user-select: none; + -moz-user-select: none; + -webkit-user-drag: none; + -webkit-user-select: none; + -ms-user-select: none; + width:100%; + } + + @include media-breakpoint-up(lg) { + bottom: 0; + + img { + opacity: .5; + } + } + } } // Fixes bug where user loads page on dark mode, switches to light mode but filter is not removed @@ -93,4 +144,11 @@ body[data-bs-theme=dark] .navbar-vertical.navbar-expand-lg { .navbar-brand-autodark .navbar-brand-image { filter: none!important; } + + // Navigation geometric graphic for non-community editions + .netbox-motif { + img { + opacity: .25; + } + } } diff --git a/netbox/templates/base/layout.html b/netbox/templates/base/layout.html index c337d2441..e5d769730 100644 --- a/netbox/templates/base/layout.html +++ b/netbox/templates/base/layout.html @@ -22,6 +22,12 @@ Blocks: