fix(aio): fix print styles

[gkalpak]

Fix/improve the print styles of angular.io.
This supersedes #23500. Fixes #23431.

[googlebot]

☹️ Sorry, but only Googlers may change the label cla: yes.

[mary-poppins]

You can preview 6e80c48 at https://pr23538-6e80c48.ngbuilds.io/.

[petebacondarwin]

This looks much better.
Is it possible to get headings to move onto the same page as the following table if the table does not fit on the current page. I think this is called "orphan headings"?
See the print preview for https://pr23538-6e80c48.ngbuilds.io/api/common/CurrencyPipe

[gkalpak]

Is it possible to get headings to move onto the same page as the following table if the table does not fit on the current page.

We do use page-break-after: avoid for all headings, which is supposed to have that effect (but apparently doesn't). I also tried break-after: avoid-page (which is the new way to do it, but supported by fewer browsers) and still doesn't work ¯\_(ツ)_/¯

angular/aio/src/styles/_print.scss

Lines 17 to 19 in b0eca85

	h1, h2, h3, h4, h5, h6 {
	page-break-after: avoid;
	}

[petebacondarwin]

What about break-after: avoid?

[gkalpak]

Same. Doesn't work.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}