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

[P4-495] [P4-496] Header tweaks #164

Merged
merged 2 commits into from
Jul 25, 2019
Merged

[P4-495] [P4-496] Header tweaks #164

merged 2 commits into from
Jul 25, 2019

Conversation

teneightfive
Copy link
Contributor

@teneightfive teneightfive commented Jul 24, 2019

This PR includes:

  • an update to the style of the header to fix the missing padding on mobile layout
  • fix for showing/hiding the menu on mobile (JS needed was taken from header component in GOV.UK Design System)

What it looks like

Before

image

After

image

@teneightfive teneightfive added the wip Still being worked on label Jul 24, 2019
@teneightfive teneightfive self-assigned this Jul 24, 2019
@teneightfive teneightfive removed the wip Still being worked on label Jul 24, 2019
@teneightfive teneightfive changed the title Header tweaks [P4-495] [P4-496] Header tweaks Jul 24, 2019
This change fixes the header padding on mobile.

It was previously using margins which are collapsed on mobile layout.

This change replaces the margins with padding.
This adds the JavaScript module needed to toggle showing/hiding of the
header menu when on a mobile device/smaller screen.
@codeclimate
Copy link

codeclimate bot commented Jul 25, 2019

Code Climate has analyzed commit 097b4c3 and detected 0 issues on this pull request.

The test coverage on the diff in this pull request is 100.0% (50% is the threshold).

This pull request will bring the total coverage in the repository to 98.1% (0.0% change).

View more on Code Climate.

@teneightfive teneightfive merged commit bea3e81 into master Jul 25, 2019
@teneightfive teneightfive deleted the patch/header branch July 25, 2019 10:25
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.

None yet

2 participants