Skip to content

Commit

Permalink
Improve important metadata print styles
Browse files Browse the repository at this point in the history
- 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
andysellick committed Jun 20, 2024
1 parent a643a4a commit e15cbb6
Showing 1 changed file with 13 additions and 0 deletions.
13 changes: 13 additions & 0 deletions app/assets/stylesheets/components/_important-metadata.scss
Original file line number Diff line number Diff line change
@@ -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

0 comments on commit e15cbb6

Please sign in to comment.