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

DS-737 multi-column form layout and grid spacing fix #2453

Merged
merged 10 commits into from Mar 28, 2022

Conversation

mikemai2awesome
Copy link
Collaborator

@mikemai2awesome mikemai2awesome commented Mar 17, 2022

Jira

https://pegadigitalit.atlassian.net/browse/DS-737

Summary

Fixed grid spacing issues and added a multi-column form layout demo.

Details

  1. Fixes a bug where grid items are overflowing the grid container
  2. Removed CSS that's no longer relevant
  3. Adds a demo page showcasing multi-column form layout using the grid component

How to test

Run the branch locally and check the Grid docs and the "Demo: Multi-column Form" under the Form docs.

@github-actions github-actions bot added the type: feature List this PR in the 'Features' section of the release notes. label Mar 17, 2022
@colbytcook colbytcook temporarily deployed to feature/ds-737-two-column-form-layout--branch-preview March 17, 2022 17:04 Inactive
@colbytcook colbytcook requested a deployment to feature/DS-630-header-screenreader-use--e5322bb9--commit-preview March 17, 2022 18:35 In progress
@colbytcook colbytcook requested a deployment to feature/ds-737-two-column-form-layout--branch-preview March 17, 2022 18:44 Abandoned
@mikemai2awesome mikemai2awesome changed the title [DO NOT MERGE] DS-737 multi-column form layout DS-737 multi-column form layout Mar 25, 2022
@mikemai2awesome mikemai2awesome changed the title DS-737 multi-column form layout DS-737 multi-column form layout and grid spacing fix Mar 25, 2022
@colbytcook colbytcook temporarily deployed to feature/ds-737-two-column-form-layout--branch-preview March 25, 2022 21:14 Inactive
@colbytcook colbytcook temporarily deployed to feature/ds-737-two-column-form-layout--branch-preview March 25, 2022 21:21 Inactive
Copy link
Contributor

@colbytcook colbytcook left a comment

Choose a reason for hiding this comment

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

The code looks good and the forms demo looks good in FF, Chrome, Edge and Safari

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.

@mikemai2awesome the demo looks good.

I assume it's safe to remove display "block" and not break existing grid layouts?

I do see schema errors on the demo page. Do you know what that's all about?

image

@colbytcook colbytcook temporarily deployed to feature/ds-737-two-column-form-layout--branch-preview March 28, 2022 16:31 Inactive
@colbytcook colbytcook temporarily deployed to feature/ds-737-two-column-form-layout--branch-preview March 28, 2022 16:43 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: feature List this PR in the 'Features' section of the release notes.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants