From f5b13654f25c735c1b487b4c9bc44eafc803af89 Mon Sep 17 00:00:00 2001 From: Matt Hill Date: Tue, 20 Aug 2024 16:52:11 +0100 Subject: [PATCH] Fix print issues on layout-super-navigation-header - 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. --- .../_layout-super-navigation-header.scss | 20 ++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss b/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss index 6b69a4535f..dd3bc35a90 100644 --- a/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +++ b/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss @@ -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 {