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

Apply Tabler dropdown-item-icon spacing class to icons in the User menu #11741

New Issue
Closed
opened 2025-12-29 21:49:20 +01:00 by adam · 1 comment
adam commented 2025-12-29 21:49:20 +01:00
Owner
Copy Link

Originally created by @pheus on GitHub (Oct 17, 2025).

Originally assigned to: @pheus on GitHub.

NetBox version

v4.4.4

Feature type

Change to existing functionality

Proposed functionality

In the User dropdown (top‑right), add Tabler’s dropdown-item-icon class to each menu icon to ensure consistent spacing between the icon and its label. This affects:

  • Profile
  • Bookmarks
  • Subscriptions
  • Preferences
  • API Tokens
  • Log Out (if rendered with an icon element)

Markup example

Before

<a class="dropdown-item" href="#">
  <i class="mdi mdi-account"></i> {% trans "Profile" %}
</a>

After

<a class="dropdown-item" href="#">
  <i class="dropdown-item-icon mdi mdi-account"></i> {% trans "Profile" %}
</a>

dropdown-item-icon standardizes icon size and spacing for dropdown items.

Use case

  • Improves visual consistency across all items in the User menu.
  • Reduces visual noise (especially in dark theme) and keeps emphasis on labels.
  • Aligns with Tabler’s recommended pattern for dropdowns with icons.

Database changes

None.

External dependencies

None.

Additional context
Attach screenshots demonstrating the improvement:

Before
Image

After
Image

Originally created by @pheus on GitHub (Oct 17, 2025). Originally assigned to: @pheus on GitHub. ### NetBox version v4.4.4 ### Feature type Change to existing functionality ### Proposed functionality In the **User** dropdown (top‑right), add Tabler’s `dropdown-item-icon` class to each menu icon to ensure consistent spacing between the icon and its label. This affects: - Profile - Bookmarks - Subscriptions - Preferences - API Tokens - Log Out (if rendered with an icon element) **Markup example** *Before* ```html <a class="dropdown-item" href="#"> <i class="mdi mdi-account"></i> {% trans "Profile" %} </a> ``` *After* ```html <a class="dropdown-item" href="#"> <i class="dropdown-item-icon mdi mdi-account"></i> {% trans "Profile" %} </a> ``` `dropdown-item-icon` standardizes icon size and spacing for dropdown items. ### Use case - Improves visual consistency across all items in the User menu. - Reduces visual noise (especially in dark theme) and keeps emphasis on labels. - Aligns with Tabler’s recommended pattern for dropdowns with icons. ### Database changes None. ### External dependencies None. **Additional context** Attach screenshots demonstrating the improvement: *Before* <img width="178" height="235" alt="Image" src="https://github.com/user-attachments/assets/6e357260-c4d4-452e-b8a0-6e596756e767" /> *After* <img width="178" height="235" alt="Image" src="https://github.com/user-attachments/assets/7625f8cc-a1c6-40c0-b45c-d3d5fa94a46e" />
adam added the status: acceptedtype: featurecomplexity: low labels 2025-12-29 21:49:20 +01:00
adam closed this issue 2025-12-29 21:49:20 +01:00
adam commented 2025-12-29 21:49:21 +01:00
Author
Owner
Copy Link

@pheus commented on GitHub (Oct 20, 2025):

I’m happy to open a PR if this enhancement is accepted.

@pheus commented on GitHub (Oct 20, 2025): I’m happy to open a PR if this enhancement is accepted.
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 complexity: low status: accepted 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#11741
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?