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

No search bar on mobile #9732

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

Originally created by @ChrisRecioHive on GitHub (May 23, 2024).

Originally assigned to: @tobiasge on GitHub.

Deployment Type

Self-hosted

NetBox Version

v4.0.2

Python Version

3.12

Steps to Reproduce

  1. Open Netbox on a mobile device

Expected Behavior

Display a search bar either at the top or in the collapsible menu

Observed Behavior

No search bar

image

Originally created by @ChrisRecioHive on GitHub (May 23, 2024). Originally assigned to: @tobiasge on GitHub. ### Deployment Type Self-hosted ### NetBox Version v4.0.2 ### Python Version 3.12 ### Steps to Reproduce 1. Open Netbox on a mobile device ### Expected Behavior Display a search bar either at the top or in the collapsible menu ### Observed Behavior No search bar ![image](https://github.com/netbox-community/netbox/assets/143728336/cf3459cd-f406-4b8d-a1cd-d82383aee616)
adam added the type: bugstatus: acceptedtopic: UI/UXseverity: low labels 2025-12-29 21:21:43 +01:00
adam closed this issue 2025-12-29 21:21:44 +01:00
adam commented 2025-12-29 21:21:44 +01:00
Author
Owner
Copy Link

@amit177 commented on GitHub (May 24, 2024):

The reason it doesn't show up is that the container has the d-none and d-lg-flex classes, causing the search bar to show only on big screens.

Changing d-lg-flex to d-sm-flex should fix the issue, but would look weird.
Perhaps the better solution might be moving the search bar to the top of the menu when it is expanded.

@amit177 commented on GitHub (May 24, 2024): The reason it doesn't show up is that the container has the `d-none` and `d-lg-flex` classes, causing the search bar to show only on big screens. Changing `d-lg-flex` to `d-sm-flex` should fix the issue, but would look weird. Perhaps the better solution might be moving the search bar to the top of the menu when it is expanded.
adam commented 2025-12-29 21:21:45 +01:00
Author
Owner
Copy Link

@ITJamie commented on GitHub (May 28, 2024):

related: there's no darkmode / lightmode switch on mobile ether in the top bar.

@ITJamie commented on GitHub (May 28, 2024): related: there's no darkmode / lightmode switch on mobile ether in the top bar.
adam commented 2025-12-29 21:21:47 +01:00
Author
Owner
Copy Link

@ljarasius commented on GitHub (May 30, 2024):

I can take this one @jeremystretch

@ljarasius commented on GitHub (May 30, 2024): I can take this one @jeremystretch
adam commented 2025-12-29 21:21:49 +01:00
Author
Owner
Copy Link

@remram44 commented on GitHub (Jun 12, 2024):

Is there a workaround for this? Other than tapping the URL bar and adding /search I mean.

@remram44 commented on GitHub (Jun 12, 2024): Is there a workaround for this? Other than tapping the URL bar and adding `/search` I mean.
adam commented 2025-12-29 21:21:50 +01:00
Author
Owner
Copy Link

@pv2b commented on GitHub (Jun 12, 2024):

Is there a workaround for this? Other than tapping the URL bar and adding /search I mean.

You could add a Note widget to your dashboard with the following contents:

# [Search](/search)

This will make a heading-sized link with the word "search" you can click on from the dashboard to get to the search page. Heading-size so that it's a little easier to tap on mobile. Of course it'll also show up from your dashboard on desktop.

This way you can just go to the dashboard and have a search link from there. Not ideal but I think that's the best you can do without any code changes.

@pv2b commented on GitHub (Jun 12, 2024): > Is there a workaround for this? Other than tapping the URL bar and adding `/search` I mean. You could add a Note widget to your dashboard with the following contents: # [Search](/search) This will make a heading-sized link with the word "search" you can click on from the dashboard to get to the search page. Heading-size so that it's a little easier to tap on mobile. Of course it'll also show up from your dashboard on desktop. This way you can just go to the dashboard and have a search link from there. Not ideal but I think that's the best you can do without any code changes.
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 severity: low status: accepted topic: UI/UX 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#9732
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?