V3 - Resizing to mobile makes the username hover in the middle of the page

[TheFlyingCorpse]

NetBox version

v3.0-beta2

Python version

3.8

Steps to Reproduce

1. Log in to beta-demo as a user, eg "admin"
2. Make sure the side-bar is not pinned
3. Resize to make the window so it goes to a slim fit
4. See "admin" about halfway below the search box floating above the content.

Expected Behavior

Resizing should put the username in a logical box thats likely hidden at all times unless navigated to or expanded on.

Observed Behavior

Username and a small triangle floats in the middle of the content area on the left side.

[jeremystretch]

I'm not able to reproduce this. What browser are you using?

[TheFlyingCorpse]

Edge 92.0.902.78

Seems the username should fit on the side menu, it doesnt look like it is hidden with it, it slides into the menu when that is expanded.

Example, it appears under a device, and then follows it to other pages after, such as Devices and the main page.: https://beta-demo.netbox.dev/dcim/devices/14/

To reproduce under Edge:

• Log in as admin, go to that device.
• If it doesnt appear, hit F5 to make the bug appear
• To make it disappear, hit Ctrl+F5.
• To make it appear again, F5, it will stay on the other pages as well that you navigate to.

[tb-killa]

With Google Chrome on Mobile Devices also available.

[TheFlyingCorpse]

My guess: This occurs because there is a separate div for the profile-button-container, and not nested under the sidenav div. netbox/project-static/src/sidenav.ts does not select the profile-button-container to hide.