Skip to content

Fix spacing for SelectPanel header on modal to better align with x button #5962

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Apr 23, 2025

Conversation

emilybrick
Copy link
Contributor

New

Added spacing to the SelectPanel <Heading> for the modal variant only. This is to better align the heading text with the x IconButton, which only appears on modals.

Current:

Screenshot 2025-04-23 at 1 44 01 PM Screenshot 2025-04-23 at 1 48 31 PM

Expected:

The x button should align with the SelectPanel heading title
Screenshot 2025-04-23 at 2 53 40 PM
Screenshot 2025-04-23 at 2 29 36 PM
Screenshot 2025-04-23 at 2 29 47 PM

Rollout strategy

  • Patch release
  • Minor release
  • Major release; if selected, include a written rollout or migration plan
  • None; if selected, include a brief description as to why

Testing & Reviewing

Snapshots for visual changes

@Copilot Copilot AI review requested due to automatic review settings April 23, 2025 18:59
@emilybrick emilybrick requested a review from a team as a code owner April 23, 2025 18:59
@emilybrick emilybrick requested a review from hectahertz April 23, 2025 18:59
Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

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

Copilot wasn't able to review any files in this pull request.

Files not reviewed (1)
  • packages/react/src/SelectPanel/SelectPanel.module.css: Language not supported

Copy link

changeset-bot bot commented Apr 23, 2025

🦋 Changeset detected

Latest commit: 3f75737

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/react Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions github-actions bot added the integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm label Apr 23, 2025
Copy link
Contributor

👋 Hi, this pull request contains changes to the source code that github/github depends on. If you are GitHub staff, we recommend testing these changes with github/github using the integration workflow. Thanks!

Copy link
Contributor

github-actions bot commented Apr 23, 2025

size-limit report 📦

Path Size
packages/react/dist/browser.esm.js 102.58 KB (0%)
packages/react/dist/browser.umd.js 102.84 KB (0%)

@primer primer bot requested a review from a team as a code owner April 23, 2025 20:46
@primer primer bot requested a review from mperrotti April 23, 2025 20:46
@francinelucca francinelucca enabled auto-merge April 23, 2025 20:49
@github-actions github-actions bot requested a deployment to storybook-preview-5962 April 23, 2025 20:51 Abandoned
@francinelucca francinelucca added this pull request to the merge queue Apr 23, 2025
Merged via the queue into main with commit 196de0f Apr 23, 2025
45 checks passed
@francinelucca francinelucca deleted the emilybrick/select-panel-header-tweak branch April 23, 2025 21:15
@primer primer bot mentioned this pull request Apr 23, 2025
hectahertz pushed a commit that referenced this pull request May 20, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants