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

Me: Fixes 2fa via app layout #1436

Merged
merged 3 commits into from
Dec 9, 2015
Merged

Me: Fixes 2fa via app layout #1436

merged 3 commits into from
Dec 9, 2015

Conversation

ebinnion
Copy link
Contributor

@ebinnion ebinnion commented Dec 9, 2015

Fixes #232

Previously, the 2fa via app flow layout was essentially broken on mobile 😞. This PR fixes that.

cc @rickybanister for design review and @enejb for code review.

To test:

  • Checkout fix/me-2fa-layout branch
  • Go to /me/security/two-step while logged in to a test account
  • Test that activating/deactivating 2fa is still functional
  • Test that the layout functions well for both mobile and desktop users

After screenshots:

screen shot 1
screen shot

screen shot 2
screen shot 3

Before screenshot:
71db0742-8ecb-11e5-840d-fc8e9743d672

@ebinnion ebinnion added [Status] In Progress [Feature] User & Account Settings (/me) Settings and tools for managing your WordPress.com user account. labels Dec 9, 2015
@ebinnion ebinnion self-assigned this Dec 9, 2015
@ebinnion ebinnion added [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. [Status] Needs Design Review Add this when you'd like to get a review / feedback from the Design team on your PR and removed [Status] In Progress labels Dec 9, 2015
@rickybanister
Copy link

Soooo much better! 👍

className="security-2fa-enable__toggle"
onClick={ function( event ) {
analytics.ga.recordEvent( 'Me', 'Clicked On Barcode Toggle Link', 'current-method', this.state.method );
this.toggleMethod( event );
Copy link
Member

Choose a reason for hiding this comment

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

Minor thing, but I would put toggleMethod before the analytics.ga. Since it is more important then the analytics event.

@enejb
Copy link
Member

enejb commented Dec 9, 2015

The flow is so much better!
The only visual thing that I found is the blue gray line goes out of the padding.
screen shot 2015-12-09 at 12 56 03

I think this could be fixed as part of this PR. :)
Other then the minor things I found in the code I think this would be good to go.

@ebinnion
Copy link
Contributor Author

ebinnion commented Dec 9, 2015

Thanks for the reviews. I created the above issue to tackle the steps header in a separate issue/PR.

@enejb
Copy link
Member

enejb commented Dec 9, 2015

Looks good feel free to merge! 👍

@enejb enejb added [Status] Ready to Merge and removed [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. labels Dec 9, 2015
ebinnion added a commit that referenced this pull request Dec 9, 2015
@ebinnion ebinnion merged commit 30c89b1 into master Dec 9, 2015
@ebinnion ebinnion deleted the fix/me-2fa-layout branch December 9, 2015 21:18
@lancewillett lancewillett removed the [Status] Needs Design Review Add this when you'd like to get a review / feedback from the Design team on your PR label Oct 19, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] User & Account Settings (/me) Settings and tools for managing your WordPress.com user account.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Me: Layout issues on Scan-the-QR-Code page on narrow screens
5 participants