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

Update notice styles to match Calypso #9080

Merged
merged 3 commits into from
Mar 22, 2018
Merged

Conversation

dereksmart
Copy link
Member

Fixes #8920

To test:
Notices should look like this now:

  • Regular notices
    screen shot 2018-03-19 at 2 18 19 pm

  • Global notices:
    screen shot 2018-03-19 at 2 25 04 pm

  • Compact
    screen shot 2018-03-19 at 2 28 35 pm

@dereksmart dereksmart added [Type] Enhancement Changes to an existing feature — removing, adding, or changing parts of it [Status] Needs Review To request a review from fellow Jetpack developers. Label will be renamed soon. [Status] Needs Design Review Design has been added. Needs a review! [Type] Janitorial [Focus] FixTheFlows labels Mar 19, 2018
@dereksmart dereksmart added this to the 6.0 milestone Mar 19, 2018
@dereksmart dereksmart requested a review from a team as a code owner March 19, 2018 18:31
@bsessions85
Copy link

I tested this in a few different browsers and it looks good, but I was wondering why some links are underlined and some are not. In this image there are links in all the notices, but some have the underline and some don't. I personally think it looks better without the underline, but we should at least have consistency.
image

@simison simison added the [Focus] Accessibility Improving usability for all users (a11y) label Mar 21, 2018
@simison
Copy link
Member

simison commented Mar 21, 2018

Noting that this is an accessibility improvement because new notification colours follow WCAG AA guidelines for contrast ratio. 🎉

PR in Calypso: Automattic/wp-calypso#17796

@simison
Copy link
Member

simison commented Mar 21, 2018

PR in Calypso to bring Rewind connection success-notice in-line: Automattic/wp-calypso#23487

@rickybanister
Copy link

These look great @dereksmart thanks for getting this done.

Copy link
Contributor

@oskosk oskosk left a comment

Choose a reason for hiding this comment

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

LGTM!. Tested and the notices look great. But @bsessions85's comments make sense!

@dereksmart
Copy link
Member Author

@bsessions85 agreed. Pushed an update

https://cloudup.com/cb9c4MAl7rx

@dereksmart dereksmart added [Status] Ready to Merge Go ahead, you can push that green button! [Status] Design Review Complete and removed [Status] Needs Review To request a review from fellow Jetpack developers. Label will be renamed soon. [Status] Needs Design Review Design has been added. Needs a review! labels Mar 21, 2018
@dereksmart dereksmart merged commit e4aa66e into master Mar 22, 2018
@ghost ghost removed the [Status] Ready to Merge Go ahead, you can push that green button! label Mar 22, 2018
@dereksmart dereksmart deleted the update/notice-styles branch March 22, 2018 13:18
oskosk added a commit that referenced this pull request Mar 23, 2018
dereksmart pushed a commit that referenced this pull request Mar 27, 2018
* Changelog 6.0: create base for changelog.

* Add #8938 to changelog

* Add #8962 to changelog

* Add #8974 to changelog

* Add #8975 to changelog

* Add #8978 to changelog

* Add #8867 to changelog

* Add #8937 to changelog

* Add #8961 to changelog

* Add #8855 to changelog

* Add #8944 to changelog

* Add #8973 to changelog

* Add #8977 to changelog

* Add #8979 to changelog

* Add #8980 to changelog

* Add #8982 to changelog

* Add #8983 to changelog

* Add #8984 to changelog

* Add #8986 to changelog

* Add #9005 to changelog

* Add #9010 to changelog

* Add #9012 to changelog

* Add #9021 to changelog

* Add #9022 to changelog

* Add #9056 to changelog

* Add #9061 to changelog

* Add #9079 to changelog

* Add #9080 to changelog

* Add #9088 to changelog

* Add #9096 to changelog

* Add #9097 to changelog

* Add #9100 to changelog

* Add #9107 to changelog

* Add #8969 to changelog

* Add #8993 to changelog

* Add #9003 to changelog

* Add #9031 to changelog

* Add #8945 to changelog

* Add #9052 to changelog

* Add #9058 to changelog

* Add #9066 to changelog

* Add #9076 to changelog

* Add #9053 to changelog

* Add #9108 to changelog

* Add #9135 to changelog

* Add #9148 to changelog

* Add #9125 to changelog

* Add #9137 to changelog

* Added testing instructions for 6.0.

* Added IS testing instructions, huge props to @tiagonoronha.

* Added #8498 to changelog.

* Added #8954 to changelog.

* Added #8985 to changelog.

* add #9027

* add #9112 to changelog

* add #9136 to changelog

* add #9102 to changelog

* add #9093 to changelog

* add #9062 to changelog

* add #9172 to changelog
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Focus] Accessibility Improving usability for all users (a11y) [Focus] FixTheFlows [Status] Design Review Complete [Type] Enhancement Changes to an existing feature — removing, adding, or changing parts of it [Type] Janitorial
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants