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

Fix colour swatch styles for IE8 #276

Merged
merged 1 commit into from
May 21, 2018
Merged

Conversation

kr8n3r
Copy link
Contributor

@kr8n3r kr8n3r commented May 19, 2018

By default static breakpoints is set to desktop and those media queries get rasterised.

For colour swatches we have a custom breakpoint that is higher than desktop so IE8 never gets those styles.

To fix, we check if $govuk-is-ie8 == true and if true we set the custom breakpoint to match desktop.

Before
screen shot 2018-05-20 at 00 10 13

After
screen shot 2018-05-20 at 00 09 31

Also fixes: #126

By default static breakpoints is set to desktop
and those media queries get rasterized.

For colour swatches we have a custom breakpoint that
is heigher than desktop so IE8 never gets those styles.

To fix, we check if $govuk-is-ie8 == true and if true
we set the custom breakpoint to match desktop.
@govuk-design-system-ci
Copy link
Collaborator

You can preview this change here:

Built with commit a841402

https://deploy-preview-276--govuk-design-system-preview.netlify.com

Copy link
Contributor

@alex-ju alex-ju left a comment

Choose a reason for hiding this comment

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

Great fix! 💯

@NickColley
Copy link
Contributor

Since Jani is on Holiday, and this is broken in production, I'll merge.

@NickColley NickColley merged commit fc44e9e into master May 21, 2018
@NickColley NickColley deleted the fix-colour-swatches-ie8 branch May 21, 2018 10:04
@kr8n3r
Copy link
Contributor Author

kr8n3r commented May 21, 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.

The colour swatches don't get rendered in IE8.
4 participants