search

Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.42k stars 1.99k forks source link

Checkout: Contact info validation errors are misaligned #95816

Open matt-west opened 2 weeks ago

matt-west commented 2 weeks ago

Quick summary

Image

Steps to reproduce

  1. Go to checkout
  2. Attempt to submit contact information section without completing any fields

What you expected to happen

The validation errors should be aligned with the left-side of the input.

What actually happened

The validation errors are offset.

Impact

Some (< 50%)

Available workarounds?

There is no user impact

If the above answer is "Yes...", outline the workaround.

No response

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

renancarvalho commented 2 days ago

Did a quick investigation and there's a padding-left:26px wrongly being applied to this form-input-validation Seems from here

Adding Groundskeeping label