search

Automattic / wp-calypso

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

Login: only first 2FA button is styled correctly #92229

Open bluefuton opened 3 months ago

bluefuton commented 3 months ago

Quick summary

In the 2FA login step on WordPress.com, only the first button shown has the correct styles. The second one that appears ("Continue with backup code") looks broken.

In desktop Safari:

Screenshot 2024-07-01 at 09 56 39

Steps to reproduce

  1. Start at https://wordpress.com/log-in and login with an account that has 2FA enabled
  2. Check out the buttons on the following 2FA step (https://wordpress.com/log-in/push)

What you expected to happen

The buttons should be styled consistently.

What actually happened

The second button ("Continue with backup code") looks broken.

Impact

Some (< 50%)

Available workarounds?

No but the platform is still usable

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

bluefuton commented 3 months ago

I noticed that the button styles are targeted to :first-of-type:

Screenshot 2024-07-01 at 14 48 16