Print: support modals

if a modal is open the whole modal gets printed, hiding the content behind, the close x and the modal footer.

app/assets/stylesheets/print.scss

@@ -201,4 +201,51 @@ th.js-tableHead:not([data-column-key="icon"]) {
 
 .avatar {
   border: 1px solid black;
+}
+
+
+
+/*
+
+  Modal
+  =====
+
+*/
+
+.modal-open {
+  > *:not(.modal) {
+    display: none !important;
+  }
+}
+
+.modal {
+  width: auto !important;
+  position: static;
+  padding: 0 !important;
+}
+
+.modal-backdrop {
+  display: none;
+}
+
+.modal-dialog {
+  box-shadow: none !important;
+  max-width: none !important;
+  margin: 0;
+}
+
+.modal-content {
+  border: none;
+}
+
+.modal-close {
+  display: none;
+}
+
+.modal-footer {
+  display: none;
+}
+
+.modal-body {
+  padding: 0;
 }