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

Checkout: Normalizing top padding of the credit card form #24487

Merged
merged 2 commits into from
Apr 27, 2018

Conversation

ramonjd
Copy link
Member

@ramonjd ramonjd commented Apr 26, 2018

This PR fixes a UI regression that #24294 introduced.

apr-26-2018 11-04-32

Props to @dechov

Testing

  1. Visit checkout with saved cards
  2. Go through the checkout with no saved cards
  3. Visit 'Add card' page: /me/purchases/add-credit-card

Expectations

At 1:
There should be no extra padding in selected saved cards

screen shot 2018-04-26 at 11 13 34 am

At 2 and 3:
There should be no extra padding above the first field (name field)
screen shot 2018-04-26 at 11 14 11 am

…dding applies and first field (name) does not contain top padding.
@ramonjd ramonjd added [Type] Bug [Feature] Checkout The checkout screen and process for purchases made on WordPress.com. labels Apr 26, 2018
@ramonjd ramonjd self-assigned this Apr 26, 2018
@matticbot
Copy link
Contributor

Copy link
Contributor

@dechov dechov left a comment

Choose a reason for hiding this comment

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

LGTM 👍

@@ -38,7 +38,9 @@
.credit-card-form-fields__field {
margin-top: 15px;
position: relative;

Copy link
Contributor

Choose a reason for hiding this comment

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

Consider keeping line breaks around these blocks?

@alisterscott alisterscott added the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Apr 27, 2018
@ramonjd ramonjd merged commit d4e617d into master Apr 27, 2018
@ramonjd ramonjd deleted the fix/saved-cc-spacing branch April 27, 2018 01:52
@matticbot matticbot removed the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Apr 27, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Checkout The checkout screen and process for purchases made on WordPress.com. [Type] Bug
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants