Remove scrollbars from grid stack cards but still allow scrolling

[jsenecal]

NetBox version

v3.5.4

Feature type

Change to existing functionality

Proposed functionality

Related to 725c0b5;
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):

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

[stavr666]

I'm totally support padding fix.

Examples.
Minimal widget unusable with 1 string:

2nd height have scrollbar with 3 strings:

3rd height have either space or scroll with 5-6 strings:

[github-actions]

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.

[jsenecal]

#12128 is probably blocking this

[jeremystretch]

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.