Skip to content

Commit

Permalink
Fix print issues on layout-super-navigation-header
Browse files Browse the repository at this point in the history
- Background should always print transparent
- Foreground should always print black
- Remove top border
- Add bottom border to match new changes in cross service header
- Remove left/right margins not required for print

Note the use of the :has selector to remove the border and add a left indent
only if the component contains the hidden 'GOV.UK' text. Variants that have
hidden logo text are only used on the homepage, and need an adjusted design
for print so that the crown logo lines up with the intro text below.
  • Loading branch information
matthillco committed Aug 23, 2024
1 parent 6164be3 commit f5b1365
Showing 1 changed file with 17 additions and 3 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -986,9 +986,23 @@ $after-button-padding-left: govuk-spacing(4);

@include govuk-media-query($media-type: print) {
.gem-c-layout-super-navigation-header {
border-top: 1pt solid $govuk-print-text-colour;
margin: 0;
background-color: none;
border-top: 0;
border-bottom: 2pt solid $govuk-print-text-colour;
margin: 0 0 5mm;
background-color: transparent;

&:has(.gem-c-layout-super-navigation-header__header-logo .govuk-visually-hidden) {
border: 0;
margin-left: 24px;
}

* {
color: $govuk-print-text-colour;
}

.govuk-width-container {
margin: 0;
}
}

.gem-c-layout-super-navigation-header__header-logo {
Expand Down

0 comments on commit f5b1365

Please sign in to comment.