Skip to content

PageHeader: Fix shrinking Actions sub component in Safari - #4738

Merged
broccolinisoup merged 2 commits into
mainfrom
page-header-safari-fix
Jul 22, 2024
Merged

PageHeader: Fix shrinking Actions sub component in Safari#4738
broccolinisoup merged 2 commits into
mainfrom
page-header-safari-fix

Conversation

@broccolinisoup

@broccolinisoupbroccolinisoup commented Jul 15, 2024

Copy link
Copy Markdown
Member

Internally reported on Slack. Team has a proposed solution at dotcom but it also works in the component, so I upstreamed the solution.

Please see the screenshot in the issue. (It is internally shared)

Changelog

New

  • Add min-width: 'max-content' to the Actions sub component to prevent Safari from shrinking the actions part of the PageHeader.

Changed

Removed

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

Merge checklist

@changeset-bot

changeset-botBot commented Jul 15, 2024

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: b2fdca3

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

This PR includes changesets to release 1 package
NameType
@primer/reactPatch

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-actionsgithub-actionsBot added the staff Author is a staff member label Jul 15, 2024
@github-actions

github-actionsBot commented Jul 15, 2024

Copy link
Copy Markdown
Contributor

size-limit report 📦

PathSize
packages/react/dist/browser.esm.js91.18 KB (0%)
packages/react/dist/browser.umd.js91.53 KB (0%)

flexDirection: 'row',
paddingLeft: '0.5rem',
gap: '0.5rem',
flexGrow: '1',

Copy link
Copy Markdown
MemberAuthor

Choose a reason for hiding this comment

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

flexGrow doesn't have any impact since the parent is grid. I removed this.

@broccolinisoupbroccolinisoup changed the title PageHeader: Fix shrinking actions part in safariPageHeader: Fix shrinking Actions sub component in SafariJul 15, 2024

@joshblackjoshblack left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Thanks for upstreaming this!

@primer-integration

Copy link
Copy Markdown

👋 Hi from github/github! Your integration PR is ready: https://github.com/github/github/pull/333695

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

staffAuthor is a staff member

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@broccolinisoup@joshblack