chore(ui): improve width of containers

[avivkeller]

Partially fix/es nodejs/doc-kit#954 by expanding the main content (if possible) and the change history

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
nodejs-org	Ready	Preview	Aug 1, 2026 8:05pm

[cursor]

PR Summary

Low Risk
CSS-only layout tweak for a dropdown; no logic, auth, or data changes.

Overview
Widens the ChangeHistory version dropdown so longer labels fit better, addressing part of doc-kit layout feedback.

The dropdown panel moves from a fixed w-52 (~13rem) to w-[26rem] with max-w-[calc(100vw-2rem)] so it can grow on desktop but still stay inside the viewport on narrow screens. The inner scroll area uses w-full instead of a fixed width so it matches the wrapper.

Includes a patch changeset for @node-core/ui-components.

^{Reviewed by Cursor Bugbot for commit 2f372e4. Bugbot is set up for automated code reviews on this repo. Configure here.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 75.10%. Comparing base (4aed720) to head (2f372e4).
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #9032   +/-   ##
=======================================
  Coverage   75.10%   75.10%           
=======================================
  Files         102      102           
  Lines        9106     9106           
  Branches      372      372           
=======================================
  Hits         6839     6839           
  Misses       2263     2263           
  Partials        4        4           

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

[cursor]

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 624748c. Configure here.}

[github-actions]

📦 Build Size Comparison

Summary

Metric	Value
Old Total First Load JS	7.16 MB
New Total First Load JS	7.16 MB
Delta	0 B (0.00%)

[AugustinMauroy]

Can we have stories for that change so if there are future change we will know what happened

[avivkeller]

Can we have stories for that change so if there are future change we will know what happened

I don't know if stories will cover this kind of dynamic change

[ovflowd]

We should follow standards. Document @bjohansebas's comment explicitly.

[Copilot]

Pull request overview

Copilot reviewed 2 out of 2 changed files in this pull request and generated no new comments.

[Copilot]

Pull request overview

Copilot reviewed 2 out of 2 changed files in this pull request and generated no new comments.

Suppressed comments (2)

packages/ui-components/src/Common/ChangeHistory/index.module.css:36

• max-w-[calc(100vw-2rem)] produces calc(100vw-2rem) which is invalid CSS calc syntax (the - must be an operator, not part of the 2rem token). This can cause the max-width constraint to be ignored on small viewports.

    w-[26rem]
    max-w-[calc(100vw-2rem)]

.changeset/public-baths-open.md:5

• The PR description mentions expanding the main content width (issue #954 also calls out increasing the page max width), but this PR only changes the ChangeHistory dropdown width. Either update the PR description/changeset to scope it to ChangeHistory only, or include the main content/container width change as well.

Improve the width of ChangeHistory