From 9bd76e2b845882463c963786e5ac4aed739ffea2 Mon Sep 17 00:00:00 2001 From: Gavin John Date: Wed, 6 Sep 2023 16:33:39 -0500 Subject: [PATCH 1/9] Hide "On this page" when printing --- src/client/theme-default/components/VPDocAsideOutline.vue | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/client/theme-default/components/VPDocAsideOutline.vue b/src/client/theme-default/components/VPDocAsideOutline.vue index f7b6dade8635..bba90964ffbb 100644 --- a/src/client/theme-default/components/VPDocAsideOutline.vue +++ b/src/client/theme-default/components/VPDocAsideOutline.vue @@ -55,6 +55,12 @@ useActiveAnchor(container, marker) display: block; } +@media print { + .VPDocAsideOutline { + display: none; + } +} + .content { position: relative; border-left: 1px solid var(--vp-c-divider); From 008acfdfbf7a1247d0045c8501bb9eb59eae8ab6 Mon Sep 17 00:00:00 2001 From: Gavin John Date: Fri, 8 Sep 2023 10:05:18 -0500 Subject: [PATCH 2/9] Hide navbar when printing --- src/client/theme-default/components/VPNav.vue | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/client/theme-default/components/VPNav.vue b/src/client/theme-default/components/VPNav.vue index b654a043fd09..8405eb503b69 100644 --- a/src/client/theme-default/components/VPNav.vue +++ b/src/client/theme-default/components/VPNav.vue @@ -41,4 +41,10 @@ provide('close-screen', closeScreen) position: fixed; } } + +@media print { + .VPNav { + display: none; + } +} From 0e584e6245e3940021fca1d1d3e6e3f0ffc9a9da Mon Sep 17 00:00:00 2001 From: Gavin John Date: Fri, 8 Sep 2023 10:06:59 -0500 Subject: [PATCH 3/9] Hide document footer when printing --- src/client/theme-default/components/VPDocFooter.vue | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/client/theme-default/components/VPDocFooter.vue b/src/client/theme-default/components/VPDocFooter.vue index db56d5696d0e..e8a9b3215c12 100644 --- a/src/client/theme-default/components/VPDocFooter.vue +++ b/src/client/theme-default/components/VPDocFooter.vue @@ -63,6 +63,12 @@ const showFooter = computed(() => { margin-top: 64px; } +@media print { + .VPDocFooter { + display: none; + } +} + .edit-info { padding-bottom: 18px; } From 62fe0011925c3ceb7bfeb56c9f7629fdf4cb1c45 Mon Sep 17 00:00:00 2001 From: Gavin John Date: Fri, 8 Sep 2023 10:11:16 -0500 Subject: [PATCH 4/9] Hide navigation sidebar --- src/client/theme-default/components/VPSidebar.vue | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/client/theme-default/components/VPSidebar.vue b/src/client/theme-default/components/VPSidebar.vue index b5d4cadffeff..869cc1d9e804 100644 --- a/src/client/theme-default/components/VPSidebar.vue +++ b/src/client/theme-default/components/VPSidebar.vue @@ -107,6 +107,12 @@ watch( } } +@media print { + .VPSidebar { + display: none; + } +} + @media (min-width: 960px) { .curtain { position: sticky; From d1922052aafec903823fdccaa508d93af2c08978 Mon Sep 17 00:00:00 2001 From: Gavin John Date: Fri, 8 Sep 2023 10:12:10 -0500 Subject: [PATCH 5/9] Hide website footer --- src/client/theme-default/components/VPFooter.vue | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/client/theme-default/components/VPFooter.vue b/src/client/theme-default/components/VPFooter.vue index d1dd939cf68a..b8809923cd45 100644 --- a/src/client/theme-default/components/VPFooter.vue +++ b/src/client/theme-default/components/VPFooter.vue @@ -34,6 +34,12 @@ const { hasSidebar } = useSidebar() } } +@media print { + .VPFooter { + display: none; + } +} + .container { margin: 0 auto; max-width: var(--vp-layout-max-width); From f0c184008b61a97116b79e1d714a4a22ac2888b5 Mon Sep 17 00:00:00 2001 From: Gavin John Date: Fri, 8 Sep 2023 10:13:38 -0500 Subject: [PATCH 6/9] Hide ads when printing --- src/client/theme-default/components/VPCarbonAds.vue | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/client/theme-default/components/VPCarbonAds.vue b/src/client/theme-default/components/VPCarbonAds.vue index a233d1eff02f..577e4717d439 100644 --- a/src/client/theme-default/components/VPCarbonAds.vue +++ b/src/client/theme-default/components/VPCarbonAds.vue @@ -106,4 +106,10 @@ if (carbonOptions) { .VPCarbonAds :deep(> div:first-of-type) { display: block; } + +@media print { + .VPCarbonAds { + display: none; + } +} From 50d1ccd14fba1fe6a6f63dd049ce91de66b5337c Mon Sep 17 00:00:00 2001 From: Gavin John Date: Sun, 10 Sep 2023 16:36:06 -0500 Subject: [PATCH 7/9] Show title & logo --- src/client/theme-default/components/VPNav.vue | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/client/theme-default/components/VPNav.vue b/src/client/theme-default/components/VPNav.vue index 8405eb503b69..842caefd2cae 100644 --- a/src/client/theme-default/components/VPNav.vue +++ b/src/client/theme-default/components/VPNav.vue @@ -17,7 +17,7 @@ provide('close-screen', closeScreen) - + @@ -44,6 +44,10 @@ provide('close-screen', closeScreen) @media print { .VPNav { + position: fixed; + } + + .VPNavScreen { display: none; } } From 8191639ae296895885c06e611d923bf0c080a278 Mon Sep 17 00:00:00 2001 From: Gavin John Date: Sun, 10 Sep 2023 17:17:58 -0500 Subject: [PATCH 8/9] Hide navbar links --- src/client/theme-default/components/VPNavBar.vue | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue index 755da68e270d..837a8f72ee08 100644 --- a/src/client/theme-default/components/VPNavBar.vue +++ b/src/client/theme-default/components/VPNavBar.vue @@ -160,6 +160,12 @@ watchPostEffect(() => { } } +@media print { + .content { + display: none; + } +} + .content-body { display: flex; justify-content: flex-end; From cd79336348b28401661c9a27089d50dd67196f55 Mon Sep 17 00:00:00 2001 From: Gavin John Date: Sun, 10 Sep 2023 17:18:17 -0500 Subject: [PATCH 9/9] Hide localnav --- src/client/theme-default/components/VPLocalNav.vue | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/client/theme-default/components/VPLocalNav.vue b/src/client/theme-default/components/VPLocalNav.vue index 35379095a2f6..63754d9b5615 100644 --- a/src/client/theme-default/components/VPLocalNav.vue +++ b/src/client/theme-default/components/VPLocalNav.vue @@ -102,6 +102,12 @@ const classes = computed(() => { } } +@media print { + .VPLocalNav { + display: none; + } +} + .menu { display: flex; align-items: center;