From: Alexander Menk <alex.menk@gmail.com>
Date: Sat, 15 May 2021 10:26:04 +0000 (+0200)
Subject: Add print css for document list
X-Git-Tag: ng-1.4.3~9^2~1^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=37287c3e7e21f8c68df785a7cb7ba20ac1d5817f;p=thirdparty%2Fpaperless-ngx.git

Add print css for document list

Allow printing of the document list in a clean way

* Hide sidebar, filter
* Use full width
---

diff --git a/src-ui/src/print.scss b/src-ui/src/print.scss
new file mode 100644
index 0000000000..1b29c51001
--- /dev/null
+++ b/src-ui/src/print.scss
@@ -0,0 +1,30 @@
+@media print {
+  #sidebarMenu, .btn-toolbar {
+    display: none !important
+  }
+
+  .sticky-top {
+    display: none;
+  }
+
+  main, main.ml-sm-auto, main.mx-sm-auto {
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+  }
+
+  main.col-lg-10 {
+    max-width: 100%;
+    flex-basis: 100%;
+    display: block;
+  }
+
+  .d-none.d-lg-table-cell { // always display ASN on print
+    display: table-cell !important;
+  }
+
+  app-document-list table {
+    thead th:first-child, tbody td:first-child { // hide checkboxes
+      display: none;
+    }
+  }
+}
diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index 34f575a051..88f5b26650 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -1,5 +1,6 @@
 @import "theme";
 @import "theme_dark";
+@import "print";
 @import "node_modules/bootstrap/scss/bootstrap";
 @import "~@ng-select/ng-select/themes/default.theme.css";