Margin problem in the UI on the navigation menu
Etibru opened this issue · comments
NetBox Edition
NetBox Community
NetBox Version
v4.3.7
Python Version
3.10
Steps to Reproduce
- Login on Netbox
- Go to Dashboard
- Go to Devices
- Go to one device
I have the same problem on the demo instance (v4.4.1).
And with or no cache (Chrome, Firefox, Edge)
Expected Behavior
Like Custom Field Choice Sets pages
Observed Behavior
A little mage is present
It appears that this margin between the right-hand menu panel and the main body occurs when the left scroll bar appears on the page. When you zoom out on the page, causing the scroll bar to disappear, the margin also disappears.
Thank you for opening a bug report, @Etibru . I was unable to reproduce the reported behavior on NetBox v4.4.1, either locally or on the demo site. Please re-confirm the reported behavior on the current stable release and adjust your post above as necessary. Remember to provide detailed steps that someone else can follow using a clean installation of NetBox to reproduce the issue. Remember to include the steps taken to create any initial objects or other data.
I confirm again
I logged in to the Netbox demo
From Microsoft Edge:
Fome Google Chrome:
From Firefox:
From Safari:
I tested it with several users who use our netbox, and this display problem is present.
@Etibru , thanks for following up. Unfortunately, you're update doesn't provide any hints on how I can reproduce this.
Can you provide more details? For instance, what is the browser window size (horizontal and vertical) when you observe this? Is javascript enabled or disabled? Do you see any errors or failures loading resources in the developer console in the browser?
Okay, I was finally able to reproduce this in Firefox and Chrome on Ubuntu, but not in either on Mac OS. The key was slowly making the window short enough to start clipping the tool icons in the footer. I was able to reproduce this consistently on that machine, however, once triggered the behavior sometimes became "sticky", such that making the window taller again did not remove the behavior--this part was definitely inconsistent and may be related to having browser developer tools open.
Here's the open Tabler bug for this issue: tabler/tabler#2271. I would love to see this resolved, as patching the monolithic netbox.css on each release has been quite the pain in our environment.