Skip to content

fix(ui): ChangeHistory dropdown width collapses to its min-width - #9147

Open
btea wants to merge 2 commits into
nodejs:mainfrom
btea:fix/changehistory-wrapper-width
Open

fix(ui): ChangeHistory dropdown width collapses to its min-width#9147
btea wants to merge 2 commits into
nodejs:mainfrom
btea:fix/changehistory-wrapper-width

Conversation

@btea

@btea btea commented Sep 7, 2026

Copy link
Copy Markdown

Description

close #9145

Validation

Related Issues

Check List

  • I have read the Contributing Guidelines and made commit messages that follow the guideline.
  • I have run pnpm format to ensure the code follows the style guide.
  • I have run pnpm test to check if all tests are passing.
  • I have run pnpm build to check if the website builds without errors.
  • I've covered new added functionality with unit tests if necessary.

@btea
btea requested a review from a team as a code owner September 7, 2026 01:50
Copilot AI lite review requested due to automatic review settings September 7, 2026 01:50
@vercel

vercel Bot commented Sep 7, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated
nodejs-org Ready Ready Preview Sep 7, 2026 2:06am UTC

Request Review

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟡 Changes recommended

The new min-w-[12rem] can override the viewport-based max-w on very narrow viewports, potentially reintroducing horizontal overflow.

Once you've addressed the issues Copilot identified, you can request another Copilot review.

Pull request overview

Adjusts the ChangeHistory dropdown panel sizing so it no longer uses a fixed width, instead sizing to its content while remaining bounded by the viewport, addressing the UI concern raised in #9145.

Changes:

  • Switches the dropdown wrapper from a fixed width (w-[26rem]) to content-based sizing (w-max).
  • Updates the max-width constraint to cap at min(26rem, 100vw - 2rem).
  • Introduces a minimum width (min-w-[12rem]) for baseline readability/consistency.
File summaries
File Description
packages/ui-components/src/Common/ChangeHistory/index.module.css Changes dropdown panel width behavior to be content-sized with viewport bounds and a minimum width.
Review details
  • Files reviewed: 1/1 changed files
  • Comments generated: 1
  • Review effort level: Lite

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread packages/ui-components/src/Common/ChangeHistory/index.module.css Outdated
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Signed-off-by: btea <2356281422@qq.com>
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.

Does the width of the changehistory item need to be adjusted?

2 participants