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 header environment label layout on mobile #1212

Merged
merged 2 commits into from
Nov 29, 2019
Merged

Conversation

kr8n3r
Copy link
Contributor

@kr8n3r kr8n3r commented Nov 29, 2019

What

Fixes #1029

Why

Currently headers with environment label on mobile overlap the menu button if it exists.

This is caused by white-space: nowrap; on the .gem-c-header__logo.

This property doesn't exist in the GOV.UK Design system code and removing doesn't look to cause any issues.

Preview

Visual Changes

Before

before

After

after

@bevanloon bevanloon temporarily deployed to govuk-publishing-compo-pr-1212 November 29, 2019 09:38 Inactive
Currently headers with envirobment label on mobile overlap the menu
button if it exists.

This is caused by `white-space: nowrap;` on the `.gem-c-header__logo`.

This property doesn't exist in the GOV.UK Design system code and
removing doesn't look to cause any issues.

Fixes #1029
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.

Simple and clean

@kr8n3r kr8n3r merged commit da4f20a into master Nov 29, 2019
@kr8n3r kr8n3r deleted the hif-header-label-display branch November 29, 2019 10:15
kr8n3r added a commit that referenced this pull request Nov 29, 2019
Includes

- Fix header environment label layout on mobile
[PR #1212](#1212)
@kr8n3r kr8n3r mentioned this pull request Nov 29, 2019
kr8n3r added a commit that referenced this pull request Nov 29, 2019
Includes

- Fix header environment label layout on mobile
[PR #1212](#1212)

- Fix Feedback component layout on mobile
[#1211](#1207)
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.

Layout header links can overlap title/logo
3 participants