From 37287c3e7e21f8c68df785a7cb7ba20ac1d5817f Mon Sep 17 00:00:00 2001
From: Alexander Menk <alex.menk@gmail.com>
Date: Sat, 15 May 2021 12:26:04 +0200
Subject: [PATCH] Add print css for document list

Allow printing of the document list in a clean way

* Hide sidebar, filter
* Use full width
---
 src-ui/src/print.scss  | 30 ++++++++++++++++++++++++++++++
 src-ui/src/styles.scss |  1 +
 2 files changed, 31 insertions(+)
 create mode 100644 src-ui/src/print.scss

diff --git a/src-ui/src/print.scss b/src-ui/src/print.scss
new file mode 100644
index 000000000..1b29c5100
--- /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 34f575a05..88f5b2665 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";