Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Add printer-friendly.scss to make short topics print nicely.

This commit is contained in:
cpradio 2015-07-08 16:53:35 -04:00
parent 4171eb758c
commit 493ab29bb7
2 changed files with 80 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/common.scss
View File

@ -8,4 +8,5 @@
@import "common/components/*"; @import "common/components/*";
@import "common/input_tip"; @import "common/input_tip";
@import "common/topic-entrance"; @import "common/topic-entrance";
@import "common/printer-friendly";
@import "common/base/*"; @import "common/base/*";

79
app/assets/stylesheets/common/printer-friendly.scss Normal file
View File

@ -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;
}
}