Skip to content

Commit 8168f5f

Browse files
NiloCKchrisvfritz
authored andcommitted
Update styles to enable printing docs (vuejs#1425) (vuejs#1426)
The sidebar, header, footer and Advertisement elements are now hidden when users print docs from the website.
1 parent 7586f67 commit 8168f5f

File tree

4 files changed

+16
-0
lines changed

4 files changed

+16
-0
lines changed

themes/vue/source/css/_ad.styl

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -64,3 +64,7 @@
6464
margin-left 6px
6565
.default-ad
6666
display none
67+
68+
@media print
69+
#ad
70+
display: none

themes/vue/source/css/_header.styl

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -127,3 +127,7 @@ body.docs
127127
left: 50%
128128
margin-left: -15px
129129
background-size: 30px
130+
131+
@media print
132+
#header
133+
display: none

themes/vue/source/css/_sidebar.styl

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -89,3 +89,7 @@
8989
&.open
9090
-webkit-transform: translate(0, 0)
9191
transform: translate(0, 0)
92+
93+
@media print
94+
.sidebar
95+
display: none

themes/vue/source/css/page.styl

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -240,3 +240,7 @@
240240
margin-left: 0
241241
iframe
242242
margin: 0 !important
243+
244+
@media print
245+
.footer
246+
display: none

0 commit comments

Comments
 (0)