diff --git a/netbox/project-static/dist/netbox-dark.css b/netbox/project-static/dist/netbox-dark.css index 8b6b37a4c..952965ed1 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 27e804c30..984bb01cd 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/dist/netbox-print.css b/netbox/project-static/dist/netbox-print.css index f0220c050..08b28aec4 100644 Binary files a/netbox/project-static/dist/netbox-print.css and b/netbox/project-static/dist/netbox-print.css differ diff --git a/netbox/project-static/dist/netbox.js.map b/netbox/project-static/dist/netbox.js.map index d0563b9fc..c7f12860c 100644 Binary files a/netbox/project-static/dist/netbox.js.map and b/netbox/project-static/dist/netbox.js.map differ diff --git a/netbox/project-static/src/sidenav.ts b/netbox/project-static/src/sidenav.ts index d8207c9f7..b97c24f03 100644 --- a/netbox/project-static/src/sidenav.ts +++ b/netbox/project-static/src/sidenav.ts @@ -27,6 +27,12 @@ class SideNav { */ private sections: Section[] = []; + /** + * Tracker if the mouse on the navbar or not + */ + // private mouseOver: boolean = false; + + constructor(base: HTMLDivElement) { this.base = base; this.state = new StateManager( @@ -247,6 +253,18 @@ class SideNav { * Show the sidenav and expand any active sections. */ private onEnter(): void { + // this.mouseOver = true; + // if (!this.bodyHas('pinned')) { + // setTimeout(() => { + // if (this.mouseOver) { + // this.bodyRemove('hide', 'hidden'); + // this.bodyAdd('show'); + // for (const link of this.getActiveLinks()) { + // this.activateLink(link, 'expand'); + // } + // } + // }, 200); // add a 200ms delay before the sidenav opens + // } if (!this.bodyHas('pinned')) { this.bodyRemove('hide', 'hidden'); this.bodyAdd('show'); @@ -254,12 +272,15 @@ class SideNav { this.activateLink(link, 'expand'); } } + + } /** * Hide the sidenav and collapse any active sections. */ private onLeave(): void { + // this.mouseOver = false; if (!this.bodyHas('pinned')) { this.bodyRemove('show'); this.bodyAdd('hide'); diff --git a/netbox/project-static/styles/sidenav.scss b/netbox/project-static/styles/sidenav.scss index 4261e5120..9a906bce8 100644 --- a/netbox/project-static/styles/sidenav.scss +++ b/netbox/project-static/styles/sidenav.scss @@ -78,6 +78,7 @@ background-color: var(--nbx-sidebar-bg); border-right: 1px solid $border-color; transition: $transition-100ms-ease-in-out; + transition-delay: 200ms; // Media fixes for mobile resolutions. @include media-breakpoint-down(lg) {