OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
openproject/app/assets/stylesheets/layout/_print.sass

146 lines
4.0 KiB

// -------------------- Media print specific styles --------------------
@media print
// -------------------- ALL pages --------------------
.hide-when-print,
#top-menu,
#header,
#main-menu,
#sidebar,
#footer,
#breadcrumb,
.contextual,
.other-formats,
#wiki_add_attachment
display: none
.notification-box
display: none !important
#main
background: #fff
#content-wrapper
width: 99%
margin: 0
padding: 0
border: 0
background: #fff
overflow: visible !important
#content-wrapper.hidden-navigation,
#content.hidden-navigation
width: 99% !important
margin-left: 0 !important
.autoscroll
overflow-x: visible
table.list
margin-top: 0.5em
th, td
border: 1px solid #aaa
// Sizes from user agent stylesheet
h1
font-size: 2em
h2
font-size: 1.5em
h3
font-size: 1.17em
// -------------------- Work Package views --------------------
body
&.controller-work_packages.action-index,
&.controller-work_packages.action-show,
&.controller-work_packages.full-create
#wrapper
overflow: visible !important
#main
top: 0
padding: 0
border: none
overflow: visible !important
position: relative
#content-wrapper,
#content
margin: 0
width: 100%
padding: 0
overflow: visible !important
position: relative
.work-packages-list-view--container
padding-left: 0
.work-packages-split-view
overflow: visible
.work-packages-split-view--tabletimeline-side
.work-packages-split-view--tabletimeline-content
.wp-table--hierarchy-aditional-row,
tr.-checked,
.row-hovered
// Remove highlighting of first and selected rows:
background-color: transparent
.work-packages-tabletimeline--table-side
contain: initial // For printing in Chrome
overflow: visible
&:not(.-timeline-visible)
// Only repeat table header when only table visible and no
// timelines.
thead.-sticky th
position: initial
&.-timeline-visible
// Do not show table on timelines print outs.
display: none
.work-packages-tabletimeline--timeline-side
contain: initial // For printing in Chrome
border-left: none
flex: 1 1
.work-package-table--container,
.generic-table--results-container
overflow: hidden
// -------------------- Sepcial Rules for FF --------------------
html.-browser-firefox
body
&.controller-work_packages.action-index,
&.controller-work_packages.action-show,
&.controller-work_packages.full-create
#main
display: block
#content-wrapper,
#content
.work-packages-list-view--container
display: block
.toolbar-container
display: none
.work-packages-split-view
display: block
.work-packages-split-view--tabletimeline-side
display: block
.work-packages-split-view--tabletimeline-content
display: block
.work-packages-split-view--tabletimeline-side
display: none
.work-packages-tabletimeline--table-side
&.-timeline-visible
display: initial
&.-timeline-visible
thead
// Undo that hack from above for FF
display: table-header-group
.work-packages-tabletimeline--timeline-side
// As this print is worthless, we remove it for FF
display: none !important