Skip to content

Fit version selector to selected version - #494

Merged
mjackson merged 2 commits into
mainfrom
mjackson/fit-version-selector
Aug 24, 2026
Merged

mjackson merged 2 commits into
mainfrom
mjackson/fit-version-selector

Conversation

@mjackson

@mjackson mjackson commented Aug 24, 2026 •

Copy link
Copy Markdown
Member

The app file browser currently gives every version selector a fixed width, which clips longer prerelease versions and leaves unnecessary space around short versions.

  • Size supported browsers to the currently displayed option with field-sizing: content
  • Keep the existing 7rem width as a fallback for older browsers
  • Bound the responsive width between 5rem and the smaller of 18rem or 45vw
  • Let the header control shrink-wrap the selector instead of reserving a fixed-width column
/* Before */
.version-selector { width: 7rem; }

/* After, in supporting browsers */
.version-selector {
  field-sizing: content;
  min-width: 5rem;
  max-width: min(18rem, 45vw);
}

Use progressive field-sizing with bounded widths and retain a fixed-width fallback for older browsers. Let the header control shrink-wrap the selector and cover the rendered styling hook.
Reduce the desktop ceiling from 24rem to 18rem while preserving the viewport-relative bound.
@mjackson
mjackson merged commit 5799bb0 into main Aug 24, 2026
1 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant