fix: tweak header and pager in print view (#241)

* fix: hide header and pager in print view * fix: remvoe the weird top padding on the first page in print style * fix: remvoe all top padding of .Main in print style * fix: unset `position: fixed` for header in print style * fix: hide search bar in print style
egoist · Jun 14, 2019 · 71fc2b0 · 71fc2b0
1 parent 021f43c
commit 71fc2b0
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 0 deletions.
diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -81,6 +81,10 @@ export default {
   z-index: 33;
   border-bottom: 1px solid var(--border-color);
   background: var(--header-background);
+
+  @media print {
+    position: static;
+  }
 }
 
 .Wrap {

diff --git a/src/components/PrevNextLinks.vue b/src/components/PrevNextLinks.vue
@@ -60,6 +60,10 @@ export default {
   margin-top: 40px;
   padding-top: 30px;
   border-top: 1px solid var(--border-color);
+
+  @media print {
+    display: none;
+  }
 }
 
 .prev-link {

diff --git a/src/plugins/search/SearchBar.vue b/src/plugins/search/SearchBar.vue
@@ -111,6 +111,10 @@ export default {
       display: block;
     }
   }
+
+  @media print {
+    display: none;
+  }
 }
 
 .search-input-wrapper {

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -195,6 +195,7 @@ export default {
 
   @media print {
     padding-left: 0;
+    padding-top: 30px;
   }
 }