Print button

See zalmoxisus/remotedev-app#22

Author: zalmoxisus

src/app/containers/App.js

@@ -18,6 +18,7 @@ import DispatcherButton from 'remotedev-app/lib/components/buttons/DispatcherBut
 import SliderButton from 'remotedev-app/lib/components/buttons/SliderButton';
 import ImportButton from 'remotedev-app/lib/components/buttons/ImportButton';
 import ExportButton from 'remotedev-app/lib/components/buttons/ExportButton';
+import PrintButton from 'remotedev-app/lib/components/buttons/PrintButton';
 import TestGenerator from 'remotedev-app/lib/components/TestGenerator';
 import SettingsIcon from 'react-icons/lib/md/settings';
 import LeftIcon from 'react-icons/lib/md/border-left';
@@ -94,6 +95,7 @@ class App extends Component {
           <SliderButton isOpen={sliderIsOpen} />
           <ImportButton />
           <ExportButton liftedState={liftedState} />
+          <PrintButton />
           {!window.isElectron &&
           <Button
             Icon={RemoteIcon}

src/browser/views/includes/style.jade

@@ -29,5 +29,32 @@ style.
     overflow: auto;
     height: 100%;
   }
+
+  @media print {
+    @page {
+      size: auto;
+      margin: 0;
+    }
+
+    body {
+      position: static;
+    }
+
+    #root > div > div:not(:nth-child(2)) {
+      display: none !important;
+    }
+
+    #root > div > div:nth-child(2) {
+      overflow: visible !important;
+      position: absolute !important;
+      z-index: 2147483647;
+      page-break-after: avoid;
+    }
+
+    #root > div > div:nth-child(2) * {
+      overflow: visible !important;
+    }
+  }
+
 link(href='/css/codemirror.css', rel="stylesheet")
 link(href='/css/night.css', rel="stylesheet")