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

Include layout header component styles for /transition #2268

Closed
wants to merge 1 commit into from

Conversation

danacotoran
Copy link
Contributor

@danacotoran danacotoran commented Feb 8, 2021

We have made some adjustments to use the layout header component in static where the account navigation should be present. This would be on the transition page as well as Brexit checker pages.
For more context: PR to replace hard coded account nav with layout header

This is fine, however some of the layout styles are overriding the layout header component styles in static, resulting in extra left/right padding around the layout header content like so:

Screenshot 2021-02-08 at 15 17 34

Importing the layout_header styles into collections seems to fix the issue:

Screenshot 2021-02-08 at 15 17 09

https://trello.com/c/9Kjy1hjb/575-use-header-component-in-static

We have made some adjustments to use the layout header component in
static where the account navigation should be present. This would be on
the transition page as well as Brexit checker pages.

This is fine, however some of the layout styles are overriding the
layout header component styles in static, resulting in extra padding
around the layout header content. Importing these styles into
collections seems to fix this issue.
@bevanloon bevanloon temporarily deployed to govuk-collec-add-layout-fgkhgf February 8, 2021 15:22 Inactive
Copy link
Contributor

@andysellick andysellick left a comment

Choose a reason for hiding this comment

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

Nice fix. Do you also need to add the print stylesheet and JS file for the layout header component?

Copy link
Contributor

@andysellick andysellick left a comment

Choose a reason for hiding this comment

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

@danacotoran I've suddenly had a thought - the layout header component isn't used in this application, is it? Shouldn't the styles for it go into static instead?

@danacotoran
Copy link
Contributor Author

@andysellick it's a weird one because the styles are already in static here. But the layout styles take precedence which is why there is extra padding on the right/left.
Adding it here seems to override that.

@danacotoran
Copy link
Contributor Author

@andysellick I've opened alphagov/govuk_publishing_components#1924 with a fix for this problem as well as a few other changes. Therefore, will be closing this PR.

@barrucadu barrucadu deleted the add-layout-header-component-styles branch June 14, 2021 08:43
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.

3 participants