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/work_packages/_print.sass

129 lines
4.1 KiB

//
//***** Media print specific styles for the WP VIEWS *****/
// Since the print view has similarities to the mobile view
// there are further styles defined in the _work_package_mobile.sass
//
@media print
// -------------------- Work Package views --------------------
.router--work-packages-partitioned-split-view,
.router--work-packages-full-view,
.router--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%
overflow: visible !important
position: relative
.work-packages-partitioned-query-space--container
padding-left: 0
.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-basis: 100% !important
.work-package-table--container,
.generic-table--results-container
overflow: hidden
// -------------------- Sepcial Rules for FF --------------------
html.-browser-firefox
.router--work-packages-partitioned-split-view,
.router--work-packages-full-view,
.router--work-packages-full-create
#main
display: block
#content-wrapper,
#content
.work-packages-partitioned-query-space--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
html.-browser-firefox,
html.-browser-edge
.router--work-packages-full-view,
.work-packages--show-view,
.work-packages-full-view--split-container
display: block
// ------------------Only WP full screen view ------------------
.router--work-packages-full-view
// Since there is no toolbar and WP-back button the header can span 100%
.wp-show--header-container
flex-basis: 100%
.work-packages-full-view--split-right
overflow: visible
flex-basis: initial !important
// Ensure left side is not set to overflow: hidden
.work-packages-full-view--split-left
overflow: visible
// decrease padding under subject
.work-packages--show-view > .toolbar-container
min-height: 42px
margin-bottom: 0
// Overwrite "click to add description" placeholder with a simple dash.
[31023] Preparation for project edit fields: Generalize edit and display fields currently work package specific (#7726) * Check edit fields for Work package dependencies * Make EditForm, NotificationService, EditContext indepenedent of Work Packages * Make EventsService independent of WorkPackages * Start renaming WpNotificationService (WiP) * Fix more references * Fix typescript errors * Add basic halEditingService * Rename to global halResourceEditingService (WiP) * Move typing from class to methods (WiP) * Fix typescript errors * Remove space in type * Add test project widget && generalize the editFieldGroup * Rename editing portal service [ci skip] * Rename WpEditFieldComponent * Rename WpDisplayFields * Rename display-XX-field to XX-display-field [ci skip] * Add WP specific ID field to distinguish between resources * Re-add state in work package resource * Generalize display field renderer * Rename spent-time to wp-spent-time and fix highlight specifics [ci skip] * Actually load the project schema and make field editable * Make edit-field-group.component an edit-form.component and subclass EditForm * Remove edit context in favor of specialized EditForm * Add special cases for work package editing * Fix edit actions bar * Fix codeclimate issues * Use WorkPackageNotificationService if necessary * Override NotificationService for WPs to allow WP specififc notifications (WiP) * Correctly provide wpNotification service Because the ui-router doesn't seem to correctly use the parent element's injector, we need to provide the wpNotification service not in the wp-base, but rather the wp-list component as well as in the isolated query space. * Allow to filter halEvents for specific resourceTypes (e.g. WorkPackage) * Remove superfluous cell class constant * Start renaming selectors for wp-edit-field into generics * Remove wp-table--cell-span in favor of display field selector * Consolidate other display and edit field styles * Provide specialized service for transitions in active edit forms * Remove superfluous overflowSelector * Accept that date field contains some work package specifics * Ignore unreadable files * Provide the changeset for work packages as a hook Since hal resource editing service is provided per query space, we cannot register them once (would only work globally) * Fix dangerfile * Remove another todo in halResourceNotification service * Fix npm TestBed for changed dependencies * Show inplace edit field in project details widget * Fix highlighting in single view * Provide HalResourceEditingService outside of project context * Used typedState for single-view * Also provide wpNotification service in split view * Correct check for resource type in eventsService * Fix getSchemaName in display field renderer * Fix passing ids into `halEditing.stopEditing` * Do not globally inject the halResourceEditingService There's a bug(?) in ui-router that gives you the global service before the parent injected service for a ui-view * Fix wpCreate service on copying and parallel creation * Remove test project widget * Revert changes for project details widget
5 years ago
.inline-edit--active-field.description.-placeholder
.read-value--html
display: none
&:after
content: '-'