From 18b05314e9a4a7f03f3599636d2662c9a3f543ea Mon Sep 17 00:00:00 2001
From: Nick <github@ngpixel.com>
Date: Tue, 23 Jul 2019 21:38:42 -0400
Subject: [PATCH] fix: print css view

---
 client/scss/app.scss                |  2 --
 client/scss/base/print.scss         | 38 -----------------------------
 client/themes/default/scss/app.scss | 36 +++++++++++++++++++++++++++
 3 files changed, 36 insertions(+), 40 deletions(-)
 delete mode 100644 client/scss/base/print.scss

diff --git a/client/scss/app.scss b/client/scss/app.scss
index b5e6e4be..971b9a22 100644
--- a/client/scss/app.scss
+++ b/client/scss/app.scss
@@ -31,5 +31,3 @@
 @import 'pages/error';
 
 @import 'layout/_rtl';
-
-@import 'base/print';
diff --git a/client/scss/base/print.scss b/client/scss/base/print.scss
deleted file mode 100644
index f06334e1..00000000
--- a/client/scss/base/print.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-@media print {
-  #header-container,
-  #alerts,
-  .sidebar,
-  .footer {
-    display: none;
-  }
-
-  #root {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  body, main, .hero {
-    background: #FFF;
-    border: none;
-  }
-
-  .mkcontent {
-    color: mc('grey', '900');
-
-    h1, h2, h3 {
-      background: #FFF;
-    }
-    .toc-anchor {
-      display: none;
-    }
-    pre {
-      background-color: #FFF;
-      border-left: none;
-      padding-left: 20px;
-
-      > code {
-        color: mc('grey', '800');
-      }
-    }
-  }
-}
diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss
index d0c2bfc9..1201a79e 100644
--- a/client/themes/default/scss/app.scss
+++ b/client/themes/default/scss/app.scss
@@ -633,3 +633,39 @@
   }
 
 }
+
+// ---------------
+// PRINT OVERRIDES
+// ---------------
+
+@media print {
+  .nav-header,
+  .v-navigation-drawer,
+  .v-footer,
+  .v-btn--floating,
+  .page-col-sd
+  {
+    display: none;
+  }
+
+  .page-col-content {
+    flex-basis: 100% !important;
+    flex-grow: 1 !important;
+    max-width: 100% !important;
+
+    > .v-toolbar {
+      border: 1px solid mc('grey', '300') !important;
+      border-radius: 7px !important;
+
+      & + .v-divider {
+        display: none !important;
+      }
+    }
+  }
+
+  .v-content {
+    padding: 0 !important;
+  }
+
+
+}