diff --git a/src/client/theme-default/components/VPCarbonAds.vue b/src/client/theme-default/components/VPCarbonAds.vue index a233d1ef..577e4717 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; + } +} diff --git a/src/client/theme-default/components/VPDocAsideOutline.vue b/src/client/theme-default/components/VPDocAsideOutline.vue index efaadc09..30e2693b 100644 --- a/src/client/theme-default/components/VPDocAsideOutline.vue +++ b/src/client/theme-default/components/VPDocAsideOutline.vue @@ -48,6 +48,12 @@ useActiveAnchor(container, marker) display: block; } +@media print { + .VPDocAsideOutline { + display: none; + } +} + .content { position: relative; border-left: 1px solid var(--vp-c-divider); diff --git a/src/client/theme-default/components/VPDocFooter.vue b/src/client/theme-default/components/VPDocFooter.vue index 0b6ff2a8..130f11da 100644 --- a/src/client/theme-default/components/VPDocFooter.vue +++ b/src/client/theme-default/components/VPDocFooter.vue @@ -83,6 +83,12 @@ const showFooter = computed( margin-top: 64px; } +@media print { + .VPDocFooter { + display: none; + } +} + .edit-info { padding-bottom: 18px; } diff --git a/src/client/theme-default/components/VPFooter.vue b/src/client/theme-default/components/VPFooter.vue index 63638044..2e9232c8 100644 --- a/src/client/theme-default/components/VPFooter.vue +++ b/src/client/theme-default/components/VPFooter.vue @@ -44,6 +44,12 @@ const { hasSidebar } = useLayout() } } +@media print { + .VPFooter { + display: none; + } +} + .container { margin: 0 auto; max-width: var(--vp-layout-max-width); diff --git a/src/client/theme-default/components/VPLocalNav.vue b/src/client/theme-default/components/VPLocalNav.vue index b950205a..bc210504 100644 --- a/src/client/theme-default/components/VPLocalNav.vue +++ b/src/client/theme-default/components/VPLocalNav.vue @@ -98,6 +98,12 @@ const classes = computed(() => { } } +@media print { + .VPLocalNav { + display: none; + } +} + @media (min-width: 1440px) { .VPLocalNav.has-sidebar { padding-left: calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width)); diff --git a/src/client/theme-default/components/VPNav.vue b/src/client/theme-default/components/VPNav.vue index d33949a6..72fdd259 100644 --- a/src/client/theme-default/components/VPNav.vue +++ b/src/client/theme-default/components/VPNav.vue @@ -30,7 +30,7 @@ watchEffect(() => { - + @@ -54,4 +54,14 @@ watchEffect(() => { position: fixed; } } + +@media print { + .VPNav { + position: fixed; + } + + .VPNavScreen { + display: none; + } +} diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue index 6c3ca56b..bf799f72 100644 --- a/src/client/theme-default/components/VPNavBar.vue +++ b/src/client/theme-default/components/VPNavBar.vue @@ -188,6 +188,12 @@ watchPostEffect(() => { } } +@media print { + .content { + display: none; + } +} + .content-body { display: flex; justify-content: flex-end; diff --git a/src/client/theme-default/components/VPSidebar.vue b/src/client/theme-default/components/VPSidebar.vue index b27d8028..48a6451d 100644 --- a/src/client/theme-default/components/VPSidebar.vue +++ b/src/client/theme-default/components/VPSidebar.vue @@ -116,6 +116,12 @@ watch( } } +@media print { + .VPSidebar { + display: none; + } +} + @media (min-width: 960px) { .curtain { position: sticky;