Skip to content
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

fix(clerk-js): Align <OrganizationProfile/> with designs #2610

Merged
merged 8 commits into from
Jan 17, 2024

Conversation

octoper
Copy link
Member

@octoper octoper commented Jan 16, 2024

Description

Checklist

  • npm test runs as expected.
  • npm run build runs as expected.
  • (If applicable) JSDoc comments have been added or updated for any package exports
  • (If applicable) Documentation has been updated

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

Packages affected

  • @clerk/backend
  • @clerk/chrome-extension
  • @clerk/clerk-js
  • @clerk/clerk-expo
  • @clerk/fastify
  • gatsby-plugin-clerk
  • @clerk/localizations
  • @clerk/nextjs
  • @clerk/clerk-react
  • @clerk/remix
  • @clerk/clerk-sdk-node
  • @clerk/shared
  • @clerk/themes
  • @clerk/types
  • build/tooling/chore

Copy link

changeset-bot bot commented Jan 16, 2024

🦋 Changeset detected

Latest commit: a91f12a

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

This PR includes changesets to release 0 packages

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

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

@octoper
Copy link
Member Author

octoper commented Jan 16, 2024

!preview

@clerk-cookie
Copy link
Collaborator

clerk-cookie commented Jan 16, 2024

Hey @octoper, your preview is available.

Status Preview Updated (UTC)
🍪 Deployed Visit preview Jan 17, 2024 05:56 PM

@octoper octoper force-pushed the vaggelis/sdk-1214-pixel-perfect-organizationprofile branch 2 times, most recently from 33f9ffc to dee1e11 Compare January 17, 2024 13:20
@desiprisg
Copy link
Contributor

!preview

<ProfileSection.Item id='organizationProfile'>
<ProfileSection.Item
id='organizationProfile'
sx={t => ({ maxHeight: t.space.$8 })}
Copy link
Contributor

Choose a reason for hiding this comment

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

Why is this needed?

Copy link
Member Author

Choose a reason for hiding this comment

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

This is mainly to avoid having Organization Profile text centered, as it solves the layout shift when the action card is open, and also it's a bit closer to the design.

packages/clerk-js/src/ui/elements/Navbar.tsx Outdated Show resolved Hide resolved
packages/clerk-js/src/ui/elements/Menu.tsx Outdated Show resolved Hide resolved
@octoper octoper marked this pull request as ready for review January 17, 2024 15:46
@octoper octoper requested a review from anagstef January 17, 2024 16:23
@octoper octoper force-pushed the vaggelis/sdk-1214-pixel-perfect-organizationprofile branch from 10b3411 to dba7382 Compare January 17, 2024 16:23
@octoper
Copy link
Member Author

octoper commented Jan 17, 2024

!preview

@octoper octoper force-pushed the vaggelis/sdk-1214-pixel-perfect-organizationprofile branch from dba7382 to bbadfec Compare January 17, 2024 17:51
@octoper
Copy link
Member Author

octoper commented Jan 17, 2024

!preview

@anagstef anagstef added this pull request to the merge queue Jan 17, 2024
Merged via the queue into main with commit c9aabcf Jan 17, 2024
7 checks passed
@anagstef anagstef deleted the vaggelis/sdk-1214-pixel-perfect-organizationprofile branch January 17, 2024 18:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants