vitepress Hide some UI elements when printing

Hide some UI elements when printing

Open Pandapip1 opened this issue 2 years ago • 7 comments

When I want to print an article, some UI elements still show up: This PR hides them when trying to print.

Sep 06 '23 21:09 Pandapip1

Should also hide "Menu" and "Search" if you don't already do that in this PR Maybe also the "Help edit this page" and "Next/Prev" buttons

Sep 08 '23 08:09 Soitora

Might even want to reduce the UI spacing/make the colors more readable but kind of outside the scope of this PR.

Sep 08 '23 08:09 itsWindows11

Should also hide "Menu" and "Search" if you don't already do that in this PR Maybe also the "Help edit this page" and "Next/Prev" buttons

I think those are already hidden somehow. I can definitely add styling for those, though!

Sep 08 '23 15:09 Pandapip1

Might even want to reduce the UI spacing/make the colors more readable but kind of outside the scope of this PR.

Agreed, but this is out of scope IMO.

Sep 08 '23 15:09 Pandapip1

I think those are already hidden somehow. I can definitely add styling for those, though!

they aren't, check on the deploy preview: https://deploy-preview-2913--vitepress-docs.netlify.app/

also why hide navbar and footer?

Sep 10 '23 14:09 brc-dd

also why hide navbar and footer?

Doesn't seem necessary for a printout, but the Site Icon+Name should be kept

Sep 10 '23 15:09 Soitora

they aren't, check on the deploy preview: https://deploy-preview-2913--vitepress-docs.netlify.app/

Menu and search are hidden for me!

However, the website title is overlapping with the page content. Any idea how this might be fixable?

Apr 22 '24 17:04 Pandapip1