discourse/app/assets/stylesheets/common/printer-friendly.scss
Martin Brennan c0c7c237aa
FIX: Clean up topic-timer-info CSS classes, add edit button, and improve UI (#12080)
This PR adds an edit button to the topic timer info message which opens the modal.

Also, I have cleaned up a few more places where we were referencing "topic status update" which is what these were called prior to being called topic timers.

The category settings for auto-close topic hours has now also been modified to use the new relative-time-picker component.

Finally, the relative-time-picker input step and min is dynamic based on mins/other intervals selected, see https://review.discourse.org/t/feature-relative-time-input-for-timers-and-bookmarks-and-promote-auto-close-after-last-post-timer-12063/19204/7?u=martin
2021-02-16 12:07:30 +10:00

104 lines
1.9 KiB
SCSS

@media print {
/* remove items N/A for print
** visual clutter etc. */
.avatar,
.topic-avatar,
header,
.topic-above-post-stream-outlet.topic-above-post-stream,
.topic-map,
.post-menu-area.clearfix,
div#topic-footer-buttons,
div.suggested-topics,
div#progress-topic-wrapper,
#topic-progress-wrapper,
div.nums,
._flyout,
#topic-progress,
.quote-controls,
.topic-timer-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.time-gap,
#bottom,
#footer,
.alert-info,
.badge-category,
.badge-category-bg,
.badge-notification.clicks,
.crawler-nav,
.powered-by-link,
.timeline-container {
display: none !important;
}
/* For readability */
a,
a:visited {
color: #0088cc !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;
}
/* 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;
}
/* localhost - MOOT for production */
.topic-category-outlet.show-topic-category-location,
div.alert.alert-info.alert-emails-disabled,
div.profiler-results.profiler-left.profiler-no-controls {
display: none;
}
}