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

refactor(application-components): add optional prop to modal page transform property #2387

Merged
merged 5 commits into from
Nov 10, 2021

Conversation

fuchodeveloper
Copy link
Contributor

@fuchodeveloper fuchodeveloper commented Nov 5, 2021

Summary

Adds an optional prop (afterOpenStyles) to ModalPage component

Description

The <*ModalPage> components now accept a prop afterOpenStyles to overwrite the default styles. You can pass a "class name" or a CSS-in-JS style object.

This fixes a jumpy behavior observed when attempting to drag-n-drop an element on a modal page.

@changeset-bot
Copy link

changeset-bot bot commented Nov 5, 2021

🦋 Changeset detected

Latest commit: 44ba8d0

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

This PR includes changesets to release 6 packages
Name Type
@commercetools-frontend/application-components Patch
@commercetools-frontend/application-shell Patch
merchant-center-application-template-starter Patch
playground Patch
@commercetools-local/visual-testing-app Patch
@commercetools-website/components-playground 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

@vercel
Copy link

vercel bot commented Nov 5, 2021

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/commercetools/merchant-center-application-kit/Gs7owBfjrYvnbCQJxNVPLaXsTZS2
✅ Preview: https://merchant-center-application-kit-git-fm-mod-6831c2-commercetools.vercel.app

@fuchodeveloper fuchodeveloper self-assigned this Nov 5, 2021
Copy link
Member

@emmenko emmenko left a comment

Choose a reason for hiding this comment

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

Thanks for the contribution.

I left a suggestion to make this a bit more customizable.

PS: also please provide a changeset.

@Rhotimee
Copy link
Contributor

Rhotimee commented Nov 9, 2021

Asides @emmenko's suggestions & the changeset, looks okay.
Thank you!

@vercel vercel bot temporarily deployed to Preview November 9, 2021 15:21 Inactive
@vercel vercel bot temporarily deployed to Preview November 9, 2021 16:52 Inactive
Copy link
Member

@emmenko emmenko left a comment

Choose a reason for hiding this comment

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

We should add this prop to all modal pages, to be consistent.

@vercel vercel bot temporarily deployed to Preview November 10, 2021 07:27 Inactive
Copy link
Member

@emmenko emmenko left a comment

Choose a reason for hiding this comment

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

Awesome, thanks!!

@fuchodeveloper fuchodeveloper added the 🚀 Status: ship it Triggers an merge if rules match via bot label Nov 10, 2021
Copy link
Contributor

@Rhotimee Rhotimee left a comment

Choose a reason for hiding this comment

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

A minor feedback

@vercel vercel bot temporarily deployed to Preview November 10, 2021 14:46 Inactive
@emmenko emmenko enabled auto-merge (squash) November 10, 2021 14:55
@emmenko emmenko merged commit e897317 into main Nov 10, 2021
@emmenko emmenko deleted the fm-modal-page-custom-transform branch November 10, 2021 14:59
@ghost ghost mentioned this pull request Nov 10, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🚀 Status: ship it Triggers an merge if rules match via bot
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants