web: collapse table columns instead of forcing horizontal scroll - #6816
Open
skeet70 wants to merge 1 commit into
Open
web: collapse table columns instead of forcing horizontal scroll#6816skeet70 wants to merge 1 commit into
skeet70 wants to merge 1 commit into
Conversation
Signed-off-by: Murph Murphy <murph.murphy@ironcorelabs.com>
skeet70
force-pushed
the
responsive-table-columns
branch
from
August 5, 2026 21:17
dbcc53f to
86f2225
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Note: the code and tests were created with generative AI assistance to background solving an annoyance I keep running into at work.
I use a tiling window manager so it comes up frequently for me, but I imagine folks with laptop screens and the sidebar open or with vertical side monitors also run into it.
The resources table has a hard
min-width: 1400px, and anything less than that results is a scrollbar. The top bar for the page is responsive. The mix of those things makes my brain constantly forget I need to scroll horizontally to see/interact with things.This change makes the columns responsively collapse into a per-row detail panel as the resources table narrows, dropping right to left. The selection checkbox and resource name never collapse.
I'll note that the breakpoint values for when to collapse given columns are hand-tuned, I couldn't think of a good way to make them more intelligent without an extra layout pass.
Screenshots of before and after:
Before Screenshots
After Screenshots