Firefox print preview has artifacts

[toncijajic]

There is a layout issue with the site's print preview when using Firefox, where the browser shows artifacts, most likely using background's clip path.

Details

• Example: https://opensource.org/meeting-minutes/2024-10-27
• Print Preview: https://d.pr/i/lYvdUc
• Same happens on Firefox on MacOS and on Linux
• Looks like a header/footer clip path is shown in the print preview
• Looks good in Chrome

[gin0115]

Need to rejiggle my forks, but this is the current working fix and will get this pushed up asap

@media print {
    body>.wrapper::after {
        content: none !important;
        display: none !important;
        visibility: hidden !important;
    }
}

[toncijajic]

@gin0115 okay, let me know once live 😁

[gin0115]

This is up on staging, its been bundled in with #149

ive confirmed that its working, so will update this on production once i get the go-ahead on #149

[toncijajic]

@gin0115 nice, ping me once done.

[gin0115]

Will do, if we get any push back on the other task, we can do this as custom css in wp admin as a quick fix

[gin0115]

This fix is now in production

re @toncijajic

[toncijajic]

@gin0115 awesome, closing!