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;
  }
 }