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; + } +} diff --git a/src/client/theme-default/components/VPDocAsideOutline.vue b/src/client/theme-default/components/VPDocAsideOutline.vue index 7c22fda1adff..5ffaff5dbb0b 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); diff --git a/src/client/theme-default/components/VPDocFooter.vue b/src/client/theme-default/components/VPDocFooter.vue index 53f199ea8892..6a6eabca4ea4 100644 --- a/src/client/theme-default/components/VPDocFooter.vue +++ b/src/client/theme-default/components/VPDocFooter.vue @@ -61,6 +61,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 3a21ff2b7f62..7be27740b0e6 100644 --- a/src/client/theme-default/components/VPFooter.vue +++ b/src/client/theme-default/components/VPFooter.vue @@ -44,6 +44,12 @@ const { hasSidebar } = useSidebar() } } +@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 15791dd5af69..57229b1973c5 100644 --- a/src/client/theme-default/components/VPLocalNav.vue +++ b/src/client/theme-default/components/VPLocalNav.vue @@ -114,6 +114,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 577c8eceaded..3175475fa1ae 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 19a5da61b7a3..7a699c8070b4 100644 --- a/src/client/theme-default/components/VPNavBar.vue +++ b/src/client/theme-default/components/VPNavBar.vue @@ -177,6 +177,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 d6c7321930d9..96cf1c217b93 100644 --- a/src/client/theme-default/components/VPSidebar.vue +++ b/src/client/theme-default/components/VPSidebar.vue @@ -105,6 +105,12 @@ watch( } } +@media print { + .VPSidebar { + display: none; + } +} + @media (min-width: 960px) { .curtain { position: sticky;