Skip to content

USWDS - Input: Remove top margin from error inputs. Resolves #4189#4751

Merged
thisisdano merged 1 commit into
developfrom
cm-input-error-margin
Jun 6, 2022
Merged

USWDS - Input: Remove top margin from error inputs. Resolves #4189#4751
thisisdano merged 1 commit into
developfrom
cm-input-error-margin

Conversation

@mahoneycm

Copy link
Copy Markdown
Contributor

Description

Resolves #4189

Removes defined top margin from usa-form-group--error so that it inherits usa-form-group top margin. This prevents the input from shifting vertically when the error state is initiated.

Additional information

Before:

error-margin.mov

After:

Screen.Recording.2022-05-31.at.4.44.39.PM.mov

Before you hit Submit, make sure you’ve done whichever of these applies to you:

  • Follow the 18F Front End Coding Style Guide and Accessibility Guide.
  • Run npm test and make sure the tests for the files you have changed have passed.
  • [] Run your code through HTML_CodeSniffer and make sure it’s error free.
  • Title your pull request using this format: [Website] - [UI component]: Brief statement describing what this pull request solves.

@mejiaj mejiaj left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks good, thanks Charlie.

@amyleadem amyleadem left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks good! And thanks for the videos!

@thisisdano thisisdano merged commit 9993104 into develop Jun 6, 2022
@thisisdano thisisdano mentioned this pull request Jun 17, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Input Groups: Form group margin is inconsistent in error state

4 participants