Merge pull request #254 from mitmedialab/dsjen/print

Added print specific layout
mitmedialab · May 3, 2019 · a83ba33 · a83ba33
2 parents a9032bb + d5e2328
commit a83ba33
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git 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
@@ -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
@@ -28,6 +28,10 @@ $sidebar-color: #fff;
   *:focus{
     outline:none;
   }
+
+  @media print {
+    display: none;
+  }
 }
 
 $spacing-heading-top: 25px;