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

Remove scrollbars from grid stack cards but still allow scrolling #8282

New Issue
Closed
opened 2025-12-29 20:34:42 +01:00 by adam · 4 comments
adam commented 2025-12-29 20:34:42 +01:00
Owner
Copy Link

Originally created by @jsenecal on GitHub (Jul 3, 2023).

NetBox version

v3.5.4

Feature type

Change to existing functionality

Proposed functionality

Related to 725c0b56c7;
Currently, grid cards have scrollbars when they overflow their containers. Lests hide them where it makes sense.

Use case

These scrollbars look odd to me and consume visual space in the dashboard while not providing much functionality (scrolling with the mouse or with a finger on touch enabled devices works just fine):
image

This, combined with the grid size sometimes creates situations where a scrollbar is visible, but only because of the padding on the elements within the cards.

Adding css styles to hide the scrollbars on the appropriate classes addresses that as implemented here fixes that

Database changes

None

External dependencies

None

Originally created by @jsenecal on GitHub (Jul 3, 2023). ### NetBox version v3.5.4 ### Feature type Change to existing functionality ### Proposed functionality Related to https://github.com/netbox-community/netbox/commit/725c0b56c76a12d458bcba04724b2e80c98b6038; Currently, grid cards have scrollbars when they overflow their containers. Lests hide them where it makes sense. ### Use case These scrollbars look odd to me and consume visual space in the dashboard while not providing much functionality (scrolling with the mouse or with a finger on touch enabled devices works just fine): ![image](https://github.com/netbox-community/netbox/assets/1564902/09fb1d60-6b98-4676-bc8e-4fc6d8dd30ea) This, combined with the grid size sometimes creates situations where a scrollbar is visible, but only because of the padding on the elements within the cards. Adding css styles to hide the scrollbars on the appropriate classes addresses that as implemented [here](https://github.com/netbox-community/netbox/pull/12664/commits/725c0b56c76a12d458bcba04724b2e80c98b6038#diff-b406ba2282b6d6e3d3e0ae61257f4f05871819123c20a5947ede59f175cec32fR111-R123) fixes that ### Database changes None ### External dependencies None
adam added the type: featuretopic: UI/UX labels 2025-12-29 20:34:42 +01:00
adam closed this issue 2025-12-29 20:34:42 +01:00
adam commented 2025-12-29 20:34:42 +01:00
Author
Owner
Copy Link

@stavr666 commented on GitHub (Jul 4, 2023):

I'm totally support padding fix.

Examples.
Minimal widget unusable with 1 string:
image
2nd height have scrollbar with 3 strings:
image
3rd height have either space or scroll with 5-6 strings:
image

@stavr666 commented on GitHub (Jul 4, 2023): I'm totally support padding fix. **Examples.** Minimal widget unusable with 1 string: ![image](https://github.com/netbox-community/netbox/assets/84839985/fe8b297d-8913-45fd-8a3e-19aa4171be33) 2nd height have scrollbar with 3 strings: ![image](https://github.com/netbox-community/netbox/assets/84839985/b0a035b9-f35e-4e3c-bd76-627ff96fc22d) 3rd height have either space or scroll with 5-6 strings: ![image](https://github.com/netbox-community/netbox/assets/84839985/a85aea31-7ac3-4c96-b584-cc7ae3b9271c)
adam commented 2025-12-29 20:34:43 +01:00
Author
Owner
Copy Link

@github-actions[bot] commented on GitHub (Oct 3, 2023):

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. NetBox is governed by a small group of core maintainers which means not all opened issues may receive direct feedback. Do not attempt to circumvent this process by "bumping" the issue; doing so will result in its immediate closure and you may be barred from participating in any future discussions. Please see our contributing guide.

@github-actions[bot] commented on GitHub (Oct 3, 2023): This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. NetBox is governed by a small group of core maintainers which means not all opened issues may receive direct feedback. **Do not** attempt to circumvent this process by "bumping" the issue; doing so will result in its immediate closure and you may be barred from participating in any future discussions. Please see our [contributing guide](https://github.com/netbox-community/netbox/blob/develop/CONTRIBUTING.md).
adam commented 2025-12-29 20:34:43 +01:00
Author
Owner
Copy Link

@jsenecal commented on GitHub (Oct 3, 2023):

https://github.com/netbox-community/netbox/issues/12128 is probably blocking this

@jsenecal commented on GitHub (Oct 3, 2023): https://github.com/netbox-community/netbox/issues/12128 is probably blocking this
adam commented 2025-12-29 20:34:44 +01:00
Author
Owner
Copy Link

@jeremystretch commented on GitHub (Oct 13, 2023):

Currently, grid cards have scrollbars when they overflow their containers. Lests hide them where it makes sense.

This would be problematic from a UX perspective, as the absence of a scrollbar can obscure the existence of additional content. For instance, in your own screenshot above, removing the scrollbar would suggest that "VLANs" is the last item in the list, when there is actually more content to reveal.

@jeremystretch commented on GitHub (Oct 13, 2023): > Currently, grid cards have scrollbars when they overflow their containers. Lests hide them where it makes sense. This would be problematic from a UX perspective, as the absence of a scrollbar can obscure the existence of additional content. For instance, in your own screenshot above, removing the scrollbar would suggest that "VLANs" is the last item in the list, when there is actually more content to reveal.
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 topic: UI/UX 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#8282
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?