From 493ab29bb79671e21e99abcd9ffb0f9503f71398 Mon Sep 17 00:00:00 2001
From: cpradio <forums@cpradio.net>
Date: Wed, 8 Jul 2015 16:53:35 -0400
Subject: [PATCH] UX: Add printer-friendly.scss to make short topics print
 nicely.

---
 app/assets/stylesheets/common.scss            |  1 +
 .../stylesheets/common/printer-friendly.scss  | 79 +++++++++++++++++++
 2 files changed, 80 insertions(+)
 create mode 100644 app/assets/stylesheets/common/printer-friendly.scss

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 3ffc2babd..c19763d3c 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -8,4 +8,5 @@
 @import "common/components/*";
 @import "common/input_tip";
 @import "common/topic-entrance";
+@import "common/printer-friendly";
 @import "common/base/*";
diff --git a/app/assets/stylesheets/common/printer-friendly.scss b/app/assets/stylesheets/common/printer-friendly.scss
new file mode 100644
index 000000000..623526a59
--- /dev/null
+++ b/app/assets/stylesheets/common/printer-friendly.scss
@@ -0,0 +1,79 @@
+@media print {
+  /* remove items N/A for print
+  ** visual clutter etc. */
+  .avatar,
+  .topic-avatar,
+  header,
+  div.ember-view.topic-above-post-stream-outlet.topic-above-post-stream,
+  div.ember-view.topic-map,
+  section.ember-view.post-menu-area.clearfix,
+  div#topic-footer-buttons,
+  div#suggested-topics,
+  div#progress-topic-wrapper,
+  #topic-progress-wrapper,
+  div.nums,
+  ._flyout,
+  .ember-view.btn,
+  #topic-progress,
+  .quote-controls,
+  #topic-closing-info,
+  div.lazyYT,
+  .post-info.edits,
+  .post-action,
+  .saving-text,
+  .draft-text,
+  #discourse-modal,
+  div.read-state,
+  div.read-state.read,
+  .edit-topic,
+  a.reply-to-tab,
+  a.reply-new,
+  div.has-pending-posts,
+  div.time-gap,
+  #bottom,
+  #footer,
+  .alert-info,
+  .badge-category,
+  .badge-category-bg,
+  .badge-notification.clicks{
+    display: none !important;
+  }
+  /* bottom border to help separate posts */
+  div.row {
+    border-top: 1px solid #AAA;
+  }
+  .cooked pre code { max-height: none; }
+  #main-outlet { padding: 0 !important; }
+  html,body { min-width: 0; height: auto; }
+  .lightbox-wrapper img { max-width: 500px !important; height: auto !important; }
+  .topic-body { width: auto; margin: 0; padding: 0; float: none; }
+  .topic-post article.boxed .select-posts { width: auto; left: auto; right: 0; }
+  .gap { width: auto; }
+  .gutter { padding: 0; }
+  /* restyle div#topic-title */
+  #topic-title {
+    margin: 0;
+    padding: 0;
+  }
+  #topic-title div div h1 {
+    margin: 2.5em 0 0 0;
+    padding: 0;
+    float: left;
+    font-weight: normal;
+    font-size: normal;
+  }
+  a, a:visited {
+    color: #DDD;
+    font-weight: bold;
+  }
+  /* hide OP Solved plugin stuff */
+  div.ember-view.topic-after-cooked-outlet.solved-panel {
+    display: none;
+  }
+  /* localhost  - MOOT for production */
+  div.ember-view.topic-category-outlet.show-topic-category-location,
+  div.alert.alert-info.alert-emails-disabled,
+  div.profiler-results.profiler-left.profiler-no-controls {
+    display: none;
+  }
+}