From e15cbb69c4e2f2df81298dfa4a3e420b9aa681e7 Mon Sep 17 00:00:00 2001 From: Andy Sellick Date: Thu, 20 Jun 2024 15:37:00 +0100 Subject: [PATCH] Improve important metadata print styles - improve the print styles for the important metadata component - was defaulting to a light grey text that was quite hard to read - setting colour and link colour to govuk-text-color (black, basically) - also adding some padding between the items to improve readability, as includes the full links in the text when printed, so the box can look quite overwhelming --- .../stylesheets/components/_important-metadata.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/app/assets/stylesheets/components/_important-metadata.scss b/app/assets/stylesheets/components/_important-metadata.scss index 15a3ecfc0..3b3bb9fcd 100644 --- a/app/assets/stylesheets/components/_important-metadata.scss +++ b/app/assets/stylesheets/components/_important-metadata.scss @@ -10,6 +10,19 @@ overflow: auto; padding: govuk-spacing(4) govuk-spacing(6); } + + @include govuk-media-query($media-type: print) { + padding: 0; + color: $govuk-text-colour; + + .govuk-link { + color: $govuk-text-colour; + } + + .app-c-important-metadata__definition { + padding-bottom: govuk-spacing(2); + } + } } // this will be moved and extended into a model for general component spacing