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

Improve sidebar UX #10319

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

Originally created by @patrickfnielsen on GitHub (Oct 4, 2024).

NetBox version

v4.1.3

Feature type

Change to existing functionality

Proposed functionality

I propose the following changes to the sidebar:

A mockup of indentation could look like this:
image

Using the following css:

.navbar-vertical.navbar-expand-lg .navbar-collapse .text-secondary {
  padding-left: 2.8rem;
}

.dropdown-item a.d-inline-flex.flex-fill.py-1  {
  padding-left: 2.6rem;
}

Use case

Database changes

None

External dependencies

None

Originally created by @patrickfnielsen on GitHub (Oct 4, 2024). ### NetBox version v4.1.3 ### Feature type Change to existing functionality ### Proposed functionality I propose the following changes to the sidebar: - Indentation of sub menu items - ~~Making it collapsible again (I was told there was an issue for this, but I could not find it)~~ (see https://github.com/netbox-community/netbox/issues/16392) A mockup of indentation could look like this: ![image](https://github.com/user-attachments/assets/fc41ba03-8803-4149-b612-66e51e44ef66) Using the following css: ```css .navbar-vertical.navbar-expand-lg .navbar-collapse .text-secondary { padding-left: 2.8rem; } .dropdown-item a.d-inline-flex.flex-fill.py-1 { padding-left: 2.6rem; } ``` ### Use case - Less reasoning needed as the indentation would clearly show where the sub menu items belong. - ~~Restores functionality from NetBox 3.7, that is missed.~~ (see https://github.com/netbox-community/netbox/issues/16392) ### Database changes None ### External dependencies None
adam added the type: featurenetbox labels 2025-12-29 21:29:55 +01:00
adam closed this issue 2025-12-29 21:29:55 +01:00
adam commented 2025-12-29 21:29:55 +01:00
Author
Owner
Copy Link

@sleepinggenius2 commented on GitHub (Oct 4, 2024):

Open issue for collapsible sidebar is #16392

@sleepinggenius2 commented on GitHub (Oct 4, 2024): Open issue for collapsible sidebar is #16392
adam commented 2025-12-29 21:29:56 +01:00
Author
Owner
Copy Link

@jeremystretch commented on GitHub (Oct 7, 2024):

Indentation of sub menu items

Please elaborate on your proposal. A mock-up graphic would help.

@jeremystretch commented on GitHub (Oct 7, 2024): > Indentation of sub menu items Please elaborate on your proposal. A mock-up graphic would help.
adam commented 2025-12-29 21:29:56 +01:00
Author
Owner
Copy Link

@patrickfnielsen commented on GitHub (Oct 8, 2024):

I have added a mockup to the issue that can be used as reference, including the css I used.
I'll be happy to create a PR if this is something you want to accept.

@patrickfnielsen commented on GitHub (Oct 8, 2024): I have added a mockup to the issue that can be used as reference, including the css I used. I'll be happy to create a PR if this is something you want to accept.
adam commented 2025-12-29 21:29:56 +01:00
Author
Owner
Copy Link

@github-actions[bot] commented on GitHub (Oct 16, 2024):

This is a reminder that additional information is needed in order to further triage this issue. If the requested details are not provided, the issue will soon be closed automatically.

@github-actions[bot] commented on GitHub (Oct 16, 2024): This is a reminder that additional information is needed in order to further triage this issue. If the requested details are not provided, the issue will soon be closed automatically.
adam commented 2025-12-29 21:29:56 +01:00
Author
Owner
Copy Link

@patrickfnielsen commented on GitHub (Oct 16, 2024):

Additional information was already added.

@patrickfnielsen commented on GitHub (Oct 16, 2024): Additional information was already added.
adam commented 2025-12-29 21:29:57 +01:00
Author
Owner
Copy Link

@jeremystretch commented on GitHub (Feb 6, 2025):

This would introduce excessive left-hand padding. It's also unnecessary IMO as the group heading styling and vertical margin already provides sufficient differentiation.

What we have currently was implemented by a UI designer so I'm going to defer to his judgement and leave it as-is. Thanks for the suggestion though.

@jeremystretch commented on GitHub (Feb 6, 2025): This would introduce excessive left-hand padding. It's also unnecessary IMO as the group heading styling and vertical margin already provides sufficient differentiation. What we have currently was implemented by a UI designer so I'm going to defer to his judgement and leave it as-is. Thanks for the suggestion though.
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 type: feature
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#10319
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?