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: add max width to regular modal #2434

Merged
merged 1 commit into from Feb 4, 2022

Conversation

mikemai2awesome
Copy link
Collaborator

Summary

Adds a max-width to regular modals.

Details

  1. Updated CSS for the regular option for Modal component's width prop
  2. The max width is set to be exactly the same as the overall site max width (1400px)

How to test

Run the branch locally and check the modal docs. Modals with width set to regular should be no wider than 1400px.

Release notes

Visual changes

Any modal that has width set to regular now has a max-width of 1400px. This means the modal width will not get wider than 1400px. For modals that require going beyond that max-width, use width: full instead.

Copy link
Collaborator

@danielamorse danielamorse left a comment

Choose a reason for hiding this comment

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

Tested locally, works perfectly. Thanks for including the clear release notes.

@danielamorse danielamorse merged commit fe2841a into master Feb 4, 2022
@danielamorse danielamorse deleted the bugfix/modal-regular-max-width branch February 4, 2022 21:04
danielamorse added a commit that referenced this pull request Feb 4, 2022
…ax-width

Fix: add max width to regular modal
@danielamorse danielamorse mentioned this pull request Feb 4, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bugfix List this PR in the 'Bug Fixes' section of the release notes.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants