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

Add border to warning text circle for overriden colours #852

Merged

Conversation

NickColley
Copy link
Contributor

@NickColley NickColley commented Jul 2, 2018

While writing a blog post on overriding classes I noticed this opportunity:

Before overriden colours

screen shot 2018-07-02 at 12 19 16

After overriden colours

screen shot 2018-07-02 at 12 19 22

Before regular colours

screen shot 2018-07-02 at 12 19 41

After regular colours

screen shot 2018-07-02 at 12 19 52

@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-852 July 2, 2018 11:24 Inactive
padding-top: 3px;

border: 3px solid govuk-colour("black");
Copy link
Contributor

Choose a reason for hiding this comment

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

Would be good to add a comment here to explain why using a border is beneficial – someone who's not thinking about the custom colours use case might well refactor this out.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Good shout

@36degrees
Copy link
Contributor

Needs a changelog entry too.

@NickColley NickColley force-pushed the make-warning-text-icon-better-when-overriden-colours branch from ef0805b to 208d11f Compare July 4, 2018 09:44
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-852 July 4, 2018 09:44 Inactive
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-852 July 4, 2018 09:47 Inactive
By adding a border to this component, when a user customises their colour settings
they will still see a circle even if the background is removed.
@NickColley NickColley force-pushed the make-warning-text-icon-better-when-overriden-colours branch from 4f1cb18 to 402eb84 Compare July 4, 2018 09:48
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-852 July 4, 2018 09:48 Inactive
@NickColley NickColley force-pushed the make-warning-text-icon-better-when-overriden-colours branch from 402eb84 to 5b0dfd0 Compare July 4, 2018 10:02
@kr8n3r kr8n3r added this to the v1.1.0 milestone Jul 4, 2018
@NickColley NickColley merged commit 2a6569c into master Jul 4, 2018
@NickColley NickColley deleted the make-warning-text-icon-better-when-overriden-colours branch July 4, 2018 10:58
@NickColley NickColley mentioned this pull request Jul 13, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants