Update/add component print styles

[matthillco]

What

Hide the promotion element when printing "transaction done" pages. Trello card

Example page: https://www.gov.uk/done/transaction-finished

Why

This change hides the grey promotion element when printed as it's redundant in a print context: the important part of that promotion is the link, which is pointless on a printout.

NOTE: There's also an argument for hiding the Related Content as that's redundant when printed too, however this has not been changed as it might have cascading consequences for other pages.

SCREEN (BEFORE)

PRINT (AFTER)

[andysellick]

@matthillco can you explain what this change is? The PR description appears to be the generic work description copied from the Trello card, but this specific change is hiding a heading when printing. I'd like to know which page this is on and why you're making this change.

[matthillco]

@andysellick

The PR description appears to be the generic work description copied from the Trello card

I've kept the PR description the same in all these apps for consistency. The idea was to explain the PR according to the Trello card, then have each commit be specific about each component change. It worked well in other apps with multiple commits, but here it's just one commit.

I'd like to know which page this is on and why you're making this change.

The page is referenced in the tracking spreadsheet which is linked on the Trello card, eg: https://www.gov.uk/done/transaction-finished

This change is simply hiding the grey promotion element when printed as it's basically redundant: the important part of that promotion is the link, which is pointless on a printout. We've used the same logic for hiding other elements in other apps too.

There's also an argument for hiding the Related Content as that's redundant when printed too, however I didn't want to change that here as it might have cascading consequences for other pages.

Of course, this is a fairly useless page for anyone to print anyway, but at least it's covered now.

SCREEN

PRINT

[andysellick]

@matthillco great, thank you for that clear description. Please make that the PR description, and update the PR title accordingly.

[andysellick]

@matthillco please remember that we use github as a history of our changes. Linking to relevant trello cards is useful, but only for background information, as these boards may not be accessible by others or exist forever. A PR description and commit messages should fully encapsulate everything someone needs to know in order to review the change being made.

[matthillco]

@matthillco great, thank you for that clear description. Please make that the PR description, and update the PR title accordingly.

@andysellick I've updated the title and description as requested.

[andysellick]

Thanks @matthillco