TheDude
/
openproject
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
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.
32741 Commits
139 Branches
203 Tags
1.2 GiB
Tag: Branch: Tree: 38f6bbcd19
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '38f6bbcd19'
${ noResults }
openproject/app/assets/stylesheets/layout/_print.sass

173 lines
4.6 KiB
Raw Normal View History Unescape

Rework sass structure
8 years ago
/***** Media print specific styles *****/
@media print
#top-menu,
#header,
#main-menu,
#sidebar,
#footer,
Improve timeline print view
8 years ago
#breadcrumb,
Rework sass structure
8 years ago
.contextual,
.other-formats
Improve timeline print view
8 years ago
display: none
Rework sass structure
8 years ago
Fixing that only first fold of screen was printed (#5808) * Fixing that only first fold of screen was printed Affected both Chrome and FF. https://community.openproject.com/projects/openproject/work_packages/259 44/activity * Enable printing of timelines again and dropping that for FF * [printing] Remove notification boxes * [printing] Extract FF specifics to extra block This avoids changes from flexbox to block where unnecessary, i.e. in Chrome. * [printing] Hack to improve positioning of relations lines in A4 landscape from page 1 to page 2 * [printing] Fix the hack for lay outing the WP list header * [printing] avoid page breaks inside table rows just as timeline rows [ci skip]
7 years ago
.notification-box
display: none !important
Rework sass structure
8 years ago
#main
background: #fff
Fixing that only first fold of screen was printed (#5808) * Fixing that only first fold of screen was printed Affected both Chrome and FF. https://community.openproject.com/projects/openproject/work_packages/259 44/activity * Enable printing of timelines again and dropping that for FF * [printing] Remove notification boxes * [printing] Extract FF specifics to extra block This avoids changes from flexbox to block where unnecessary, i.e. in Chrome. * [printing] Hack to improve positioning of relations lines in A4 landscape from page 1 to page 2 * [printing] Fix the hack for lay outing the WP list header * [printing] avoid page breaks inside table rows just as timeline rows [ci skip]
7 years ago
#content-wrapper
Rework sass structure
8 years ago
width: 99%
margin: 0
padding: 0
border: 0
background: #fff
overflow: visible !important
Fixing that only first fold of screen was printed (#5808) * Fixing that only first fold of screen was printed Affected both Chrome and FF. https://community.openproject.com/projects/openproject/work_packages/259 44/activity * Enable printing of timelines again and dropping that for FF * [printing] Remove notification boxes * [printing] Extract FF specifics to extra block This avoids changes from flexbox to block where unnecessary, i.e. in Chrome. * [printing] Hack to improve positioning of relations lines in A4 landscape from page 1 to page 2 * [printing] Fix the hack for lay outing the WP list header * [printing] avoid page breaks inside table rows just as timeline rows [ci skip]
7 years ago
&.hidden-navigation
width: 99%
margin-left: 0
Rework sass structure
8 years ago
#wiki_add_attachment
Fixing that only first fold of screen was printed (#5808) * Fixing that only first fold of screen was printed Affected both Chrome and FF. https://community.openproject.com/projects/openproject/work_packages/259 44/activity * Enable printing of timelines again and dropping that for FF * [printing] Remove notification boxes * [printing] Extract FF specifics to extra block This avoids changes from flexbox to block where unnecessary, i.e. in Chrome. * [printing] Hack to improve positioning of relations lines in A4 landscape from page 1 to page 2 * [printing] Fix the hack for lay outing the WP list header * [printing] avoid page breaks inside table rows just as timeline rows [ci skip]
7 years ago
display: none
Rework sass structure
8 years ago
.hide-when-print
display: none
.autoscroll
overflow-x: visible
table.list
margin-top: 0.5em
th, td
border: 1px solid #aaa
Merge branch 'dev' into timeline
8 years ago
Improve timeline print view
8 years ago
// Sizes from user agent stylesheet
h1
font-size: 2em
h2
font-size: 1.5em
h3
font-size: 1.17em
Merge branch 'dev' into timeline
8 years ago
Initial timeline layout with dummy timeline
8 years ago
//
// WORK PACKAGE table
//
Fixing that only first fold of screen was printed (#5808) * Fixing that only first fold of screen was printed Affected both Chrome and FF. https://community.openproject.com/projects/openproject/work_packages/259 44/activity * Enable printing of timelines again and dropping that for FF * [printing] Remove notification boxes * [printing] Extract FF specifics to extra block This avoids changes from flexbox to block where unnecessary, i.e. in Chrome. * [printing] Hack to improve positioning of relations lines in A4 landscape from page 1 to page 2 * [printing] Fix the hack for lay outing the WP list header * [printing] avoid page breaks inside table rows just as timeline rows [ci skip]
7 years ago
body
&.controller-work_packages.action-index,
&.controller-work_packages.action-show,
&.controller-work_packages.full-create
.wp-timeline--slider-wrapper
display: none !important
#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
&.hidden-navigation
width: 99%
margin-left: 0
.work-packages-list-view--container
padding-left: 0
.work-packages-split-view
overflow: visible
// Really hacky and only works for A4 from page 1 to page 2:
// This avoids that timeline rows get big at page break,
// so that relations line are in good positions again.
@media print and (orientation: landscape)
margin-top: 22px
.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
thead
// Do not repeat header on second printed page
display: table-row-group
tr.wp-table--row
page-break-inside: avoid
[26006][25518] Replace details icon with context menu, open on first click (#5835) * [26006] Replace details icon with context menu * [25518] Open details view on click in table * Show dropdown icons always for mobile * Move context menu column to the right * Add three icon with three horizontal dots * Change context menu icon for three horizontal dots
7 years ago
.wp-table--context-menu-column
Fixing that only first fold of screen was printed (#5808) * Fixing that only first fold of screen was printed Affected both Chrome and FF. https://community.openproject.com/projects/openproject/work_packages/259 44/activity * Enable printing of timelines again and dropping that for FF * [printing] Remove notification boxes * [printing] Extract FF specifics to extra block This avoids changes from flexbox to block where unnecessary, i.e. in Chrome. * [printing] Hack to improve positioning of relations lines in A4 landscape from page 1 to page 2 * [printing] Fix the hack for lay outing the WP list header * [printing] avoid page breaks inside table rows just as timeline rows [ci skip]
7 years ago
display: none // remove column for info icon.
.wp-inline-create-button-row
display: none // remove row with plus icon
.work-packages-tabletimeline--timeline-side
.wp-timeline-cell
page-break-inside: avoid
.work-packages--list-table-area
height: 100%
.work-package-table--container,
.generic-table--results-container
overflow: hidden
.wp-timeline--scroll-wrapper
border-left-width: 3px
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
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