Merge pull request #609 from nextcloud/feature/195/print-css
Printing CSS styles
This commit is contained in:
90
css/print.scss
Normal file
90
css/print.scss
Normal file
@@ -0,0 +1,90 @@
|
|||||||
|
@media print {
|
||||||
|
/* hide stuff */
|
||||||
|
#body-user {
|
||||||
|
#header,
|
||||||
|
div#app-navigation,
|
||||||
|
div.board-header-controls,
|
||||||
|
#app-navigation-toggle,
|
||||||
|
#app-navigation-toggle-custom,
|
||||||
|
div#controls.ng-scope div.crumb:not(.title),
|
||||||
|
div#controls.ng-scope div.crumb a.bullet,
|
||||||
|
a.ng-binding + a,
|
||||||
|
div.card.create,
|
||||||
|
button.card-options {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
#content {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
#app-content {
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
div#app-navigation-toggle.icon-menu {
|
||||||
|
display:block;
|
||||||
|
width:0px;
|
||||||
|
height:0px;
|
||||||
|
background:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* title */
|
||||||
|
div#controls.ng-scope {padding-left:20px;}
|
||||||
|
div#controls.ng-scope div.crumb.title {
|
||||||
|
display:inline;
|
||||||
|
font-size: 2em;
|
||||||
|
line-height:2.5em;
|
||||||
|
background:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#controls.ng-scope div.crumb.title a.ng-binding {
|
||||||
|
color:#000;
|
||||||
|
opacity:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Due, assigned-users and description*/
|
||||||
|
div.card-controls {
|
||||||
|
flex-direction:row;
|
||||||
|
flex-wrap:wrap;
|
||||||
|
}
|
||||||
|
div.card-controls i.icon.icon-filetype-text {background:none;}
|
||||||
|
div.card-controls i.icon.icon-filetype-text:after {
|
||||||
|
content: attr(title);
|
||||||
|
display:block;
|
||||||
|
width:289px;
|
||||||
|
height:1.5em;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.due { }
|
||||||
|
|
||||||
|
div.card-assigned-users {
|
||||||
|
margin-right:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.labels li.ng-scope span.ng-binding {
|
||||||
|
color:#000;
|
||||||
|
display:inline;
|
||||||
|
padding-left:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Layout */
|
||||||
|
@page {
|
||||||
|
size: A4 landscape;
|
||||||
|
margin: 2cm;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#innerBoard {
|
||||||
|
display:flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.stack.ng-scope.as-sortable-item {border-right: 1px solid #000;}
|
||||||
|
|
||||||
|
div#innerBoard.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-not-empty div.stack.ng-scope.as-sortable-item:nth-child(6n) {
|
||||||
|
page-break-after: always;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1481,3 +1481,8 @@ body:not(.snapjs-left) {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Print settings, better leave them at the eof
|
||||||
|
*/
|
||||||
|
@import 'print.scss';
|
||||||
|
|||||||
Reference in New Issue
Block a user