iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(docs-infra): avoid page-breaks inside an image when printing (#40802) 

Previously, when printing, a page-break could be inserted inside an
image (contained in a `.lightbox` element).

This commit ensures no page-breaks are inserted inside `.lightbox`
elements (which contain images).

Before: ![print-page-break before][1]
After: ![print-page-break after][2]

[1]: https://user-images.githubusercontent.com/8604205/106939709-48f0e900-6729-11eb-912c-e5cd0cb40897.png
[2]: https://user-images.githubusercontent.com/8604205/106939707-48585280-6729-11eb-8d5f-a12312f32056.png

PR Close #40802
This commit is contained in:
George Kalpakas 2021-02-13 16:01:55 +02:00 committed by Joey Perrott
parent c98ab1f9e7
commit 2a302dd3cf
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
aio/src/styles/_print.scss
View File

@ -18,7 +18,7 @@
page-break-after: avoid; page-break-after: avoid;
} }
ul, ol, img, code-example, table, tr, .alert, .feature { ul, ol, img, code-example, table, tr, .alert, .feature, .lightbox {
page-break-inside: avoid; page-break-inside: avoid;
} }