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

Dark mode: NUX improvements #12386

Merged
merged 6 commits into from
Aug 26, 2019
Merged

Dark mode: NUX improvements #12386

merged 6 commits into from
Aug 26, 2019

Conversation

frosty
Copy link
Contributor

@frosty frosty commented Aug 24, 2019

Refs #12320. This PR implements some improvements to the appearance of the login flow for dark mode.

  • Updated primary and secondary button styles
  • Fixed invisible text in text fields, and increased padding between icon and text
  • Selectively show dark or light Sign in with Apple button based on user interface style

dark-before-after

Shouldn't be noticeable changes in light mode.

To test:

  • Build and run in iOS 13, light and dark mode, and in iOS 12
  • Check things look as expected

Update release notes:

  • I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

cc @mattmiklic

@frosty frosty added NUX UI User interface bugs labels Aug 24, 2019
@frosty frosty added this to the 13.2 milestone Aug 24, 2019
@frosty frosty requested a review from nheagy August 24, 2019 09:38
Copy link
Contributor

@nheagy nheagy left a comment

Choose a reason for hiding this comment

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

This is great, @frosty! Just one small change requested.

return UIColor(light: .white, dark: .systemGray5)
}
#endif
return UIColor(light: .white, dark: .neutral(.shade80))
Copy link
Contributor

Choose a reason for hiding this comment

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

We don't need dark mode colors if this isn't in Xcode 11. You can return .white here. Same principle applies to the next three.

@frosty
Copy link
Contributor Author

frosty commented Aug 25, 2019

Thanks @nheagy!

@frosty
Copy link
Contributor Author

frosty commented Aug 25, 2019

@nheagy I fixed the issue you mentioned, and I noticed the NUX epilogue also needed some love so I pushed up some fixes there – would you mind checking that too please?

login-nux

@etoledom etoledom mentioned this pull request Aug 26, 2019
1 task
@mattmiklic
Copy link
Member

Updated primary and secondary button styles
Fixed invisible text in text fields, and increased padding between icon and text
Selectively show dark or light Sign in with Apple button based on user interface style

All of this looks good! There are some additional updates to be made to the prologue and the button styles but I think we can address them in separate PRs.

@@ -146,7 +146,7 @@ private extension LoginEpilogueViewController {
let panelHeight = buttonPanel.frame.height

if contentSize.height > (screenHeight - panelHeight) {
buttonPanel.backgroundColor = .white
buttonPanel.backgroundColor = WordPressAuthenticator.shared.style.viewControllerBackgroundColor
Copy link
Contributor

Choose a reason for hiding this comment

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

This makes me wonder if the epilogue should pull more values from WordPressAuthenticator.shared.style, just to make sure we're consistent. Anyway—that's your call now 😉

Copy link
Contributor

@nheagy nheagy left a comment

Choose a reason for hiding this comment

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

:shipit:

@frosty frosty merged commit 2cbd566 into develop Aug 26, 2019
@frosty frosty deleted the feature/nux-dark-mode branch August 30, 2019 10:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
UI User interface bugs
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants