Add a printer-oriented stylesheet

[nodiscc]

It would be very nice to be able to print tasks in a "printer-friendly" way (only print tasks contents, not UI elements as it is currently; try to do a print preview on the tasks page)

I believe it can be done by defining a stylesheet specifically for printed media with eg. <link rel="stylesheet" href="print.css" type="text/css" media="print" />. The print view should only contain checkboxes and the tasks text., and aim to minimize paper loss (2 column layout?)

@raimund-schluessler are you interested in this change?

[raimund-schluessler]

I guess this would be nice to have (although I never felt the need to print my tasks list ;). Should be relatively easy as you just said.

[nodiscc]

Adding these styles manually seems to do the trick

body {
  font-family: "Open Sans";
}

ol {
  list-style-type: circle;

}

#update-notification a, .section, #task-details, #slideshow, #header, #app-navigation, #add-task, .loadmore {
  display: none;
}

.duedate {
  color: #666;
  background-color: #EEE;
  float: left;
  font-family: "Consolas";
  padding: 0 3px 0 3px;
  margin: 0 3px 0 0;
  border-radius: 2px;
}

.overdue {
  color: #f44
}

However I'm not sure how to force printers to use this, I have to check how to use CSS Media Types http://www.w3schools.com/css/css_mediatypes.asp

[Henni]

To implement this in a clean way this must be supported by owncloud/core first.
Currently all stylesheets which are added via style('myapp', 'style'); are automatically restricted to media="screen" (<link rel="stylesheet" href="/apps/myapp/css/style.css" media="screen">).

Is there a reason for this restriction @jancborchardt or should I open an issue for this in owncloud/core?

[jancborchardt]

@Henni there’s no reason for such a restriction. What we should do is to automatically check that if the file is called print.css to add it as print stylesheet. We also need this for the Mail app https://github.com/owncloud/mail/issues/717

@Henni would be cool if you can open an issue in core for that. :) Or even fix it, if you’re down for it.