Implemented print media queries for better PDF layout

processing / p5.js-web-editor

The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything.

GNU Lesser General Public License v2.1

1.36k stars 1.32k forks source link

Fixes #3166

Changes: I have added CSS @media print queries to ensure better PDF formatting. The default print size is set to landscape, which ensures that the entire page content is included, preventing any part of the page from being cut off in the PDF.

Preview:

PDF:- p5.js.Web.Editor._.Fog.tank.pdf

I have verified that this pull request:

[x] has no linting errors (npm run lint)
[x] has no test errors (npm run test)
[x] is from a uniquely-named feature branch and is up to date with the develop branch.
[x] is descriptively named and links to an issue number, i.e. Fixes #123

processing / p5.js-web-editor

Implemented print media queries for better PDF layout #3170