starred/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2026-01-11 21:10:29 +01:00
Code Issues 273 Packages Projects Releases 10 Wiki Activity

Margin problem in the UI on the navigation menu #11653

New Issue
Open
opened 2025-12-29 21:48:09 +01:00 by adam · 6 comments
adam commented 2025-12-29 21:48:09 +01:00
Owner
Copy Link

Originally created by @Etibru on GitHub (Sep 26, 2025).

NetBox Edition

NetBox Community

NetBox Version

v4.3.7

Python Version

3.10

Steps to Reproduce

  1. Login on Netbox

  2. Go to Dashboard
    Image

  3. Go to Devices
    Image

  4. Go to one device

Image

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

Image

Observed Behavior

A little mage is present

Originally created by @Etibru on GitHub (Sep 26, 2025). ### NetBox Edition NetBox Community ### NetBox Version v4.3.7 ### Python Version 3.10 ### Steps to Reproduce 1. Login on Netbox 2. Go to Dashboard <img width="359" height="932" alt="Image" src="https://github.com/user-attachments/assets/60b8ce1f-ecd3-474b-8c63-5c771bf55edc" /> 3. Go to Devices <img width="472" height="940" alt="Image" src="https://github.com/user-attachments/assets/28dbe353-cfaf-4fdb-abf8-793798da5432" /> 4. Go to one device <img width="380" height="330" alt="Image" src="https://github.com/user-attachments/assets/0b591c52-e389-4f87-ae0b-f235c69f877e" /> 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 <img width="600" height="695" alt="Image" src="https://github.com/user-attachments/assets/6403ab01-839d-40ba-91b8-d5e2304e6886" /> ### Observed Behavior A little mage is present
adam added the type: bugstatus: needs ownernetboxseverity: low labels 2025-12-29 21:48:09 +01:00
adam commented 2025-12-29 21:48:10 +01:00
Author
Owner
Copy Link

@Etibru commented on GitHub (Sep 26, 2025):

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.

Image
@Etibru commented on GitHub (Sep 26, 2025): 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. <img width="1919" height="922" alt="Image" src="https://github.com/user-attachments/assets/8eb2d575-cd48-4c86-8cdf-87cc0c6567ed" />
adam commented 2025-12-29 21:48:10 +01:00
Author
Owner
Copy Link

@jnovinger commented on GitHub (Sep 29, 2025):

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.

@jnovinger commented on GitHub (Sep 29, 2025): 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.
adam commented 2025-12-29 21:48:10 +01:00
Author
Owner
Copy Link

@Etibru commented on GitHub (Sep 29, 2025):

I confirm again
I logged in to the Netbox demo
From Microsoft Edge:
Image

Fome Google Chrome:
Image

From Firefox:
Image

From Safari:

Image

I tested it with several users who use our netbox, and this display problem is present.

@Etibru commented on GitHub (Sep 29, 2025): I confirm again I logged in to the Netbox demo From Microsoft Edge: <img width="1919" height="1199" alt="Image" src="https://github.com/user-attachments/assets/79e27603-d7f0-4dc9-81b6-716b6f039295" /> Fome Google Chrome: <img width="1919" height="1199" alt="Image" src="https://github.com/user-attachments/assets/d0096fe7-db0e-4db9-a326-59d02ff3c6b2" /> From Firefox: <img width="1881" height="1069" alt="Image" src="https://github.com/user-attachments/assets/dafec474-ed3d-4b7c-a271-d92a70eb9079" /> From Safari: <img width="1920" height="1199" alt="Image" src="https://github.com/user-attachments/assets/ef674ba7-7606-4e37-913d-c0a1d670f30f" /> I tested it with several users who use our netbox, and this display problem is present.
adam commented 2025-12-29 21:48:11 +01:00
Author
Owner
Copy Link

@jnovinger commented on GitHub (Sep 29, 2025):

@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?

@jnovinger commented on GitHub (Sep 29, 2025): @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?
adam commented 2025-12-29 21:48:11 +01:00
Author
Owner
Copy Link

@jnovinger commented on GitHub (Sep 29, 2025):

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.

@jnovinger commented on GitHub (Sep 29, 2025): 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.
adam commented 2025-12-29 21:48:11 +01:00
Author
Owner
Copy Link

@sleepinggenius2 commented on GitHub (Sep 29, 2025):

Here's the open Tabler bug for this issue: https://github.com/tabler/tabler/issues/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.

@sleepinggenius2 commented on GitHub (Sep 29, 2025): Here's the open Tabler bug for this issue: https://github.com/tabler/tabler/issues/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.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
beta
breaking change
complexity: high
complexity: low
complexity: medium
needs milestone
netbox
pending closure
plugin candidate
pull-request
Mirrored from GitHub Pull Request
 severity: high
severity: low
severity: medium
status: accepted
status: backlog
status: blocked
status: duplicate
status: needs owner
status: needs triage
status: revisions needed
status: under review
topic: GraphQL
topic: Internationalization
topic: OpenAPI
topic: UI/UX
topic: cabling
topic: event rules
topic: htmx navigation
topic: industrialization
topic: migrations
topic: plugins
topic: scripts
topic: templating
topic: testing
type: bug
type: deprecation
type: documentation
type: feature
type: housekeeping
type: translation
No Label netbox severity: low status: needs owner type: bug
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#11653
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?