From d5e2328c18c6a79ffce1560ae8fd4fbfd19855ed Mon Sep 17 00:00:00 2001
From: Dennis Jen <dsjen@media.mit.edu>
Date: Fri, 3 May 2019 11:19:29 -0400
Subject: [PATCH] Added print specific layout

---
 client/app/components/Feed/feed.scss         |  4 ++++
 client/app/components/Post/post.scss         | 21 ++++++++++++++++++++
 client/app/components/Settings/settings.scss |  4 ++++
 3 files changed, 29 insertions(+)

diff --git a/client/app/components/Feed/feed.scss b/client/app/components/Feed/feed.scss
index d729b56d..483b49a2 100644
--- a/client/app/components/Feed/feed.scss
+++ b/client/app/components/Feed/feed.scss
@@ -45,6 +45,10 @@ $settings-width-closed: 56px;
 
 .filtered-text {
   padding-bottom: $spacer-small;
+
+  @media print {
+    display: none;
+  }
 }
 
 .no-posts-text {
diff --git a/client/app/components/Post/post.scss b/client/app/components/Post/post.scss
index f07c4efc..d7df25fa 100644
--- a/client/app/components/Post/post.scss
+++ b/client/app/components/Post/post.scss
@@ -111,6 +111,15 @@ $post-hidden-padding: $spacer-small * 0.5;
     &.additive-post {
       background-color: $additive-color;
     }
+
+    @media print {
+      display: none;
+    }
+  }
+
+  @media print {
+    border: black 3px;
+    border-style: dotted;
   }
 }
 
@@ -217,9 +226,21 @@ $post-hidden-padding: $spacer-small * 0.5;
   @include media-breakpoint-up(md) {
     padding-bottom: $spacer-small;
   }
+
+  @media print {
+    break-inside: avoid;
+
+    &:nth-child(n+50) {
+      display: none;
+    }
+  }
 }
 
 .post-container-hidden {
+  @media print {
+    display: none;
+  }
+
   padding-bottom: 0;
 
   .source-icon {
diff --git a/client/app/components/Settings/settings.scss b/client/app/components/Settings/settings.scss
index 52aef0c7..4bfa8e1c 100644
--- a/client/app/components/Settings/settings.scss
+++ b/client/app/components/Settings/settings.scss
@@ -28,6 +28,10 @@ $sidebar-color: #fff;
   *:focus{
     outline:none;
   }
+
+  @media print {
+    display: none;
+  }
 }
 
 $spacing-heading-top: 25px;