Print CSS

[willthemoor]

Basic Print CSS should be in place.

• Hide whatever needs to be hidden (mainly navigation—Bootstrap is loaded so .hidden-print is possible but probably not need)
• Display any hidden Compass maps
• on overview pages, show and linearize overview content

Something like this for links would be great:

p a:after {
  content: " (" attr(href) ")";
  font-size: 80%;
}

And avoiding awkward page breaks:

h1, h2, h3, h4, h5, h6, header { 
  page-break-after:avoid; 
  page-break-inside:avoid;
}
img { 
   page-break-inside:avoid; 
   page-break-after:avoid; 
}
blockquote, table, pre { 
  page-break-inside:avoid;
}
ul, ol, dl, footer  { 
  page-break-before:avoid; 
}

[dnseminara]

@willthemoor and @ldford, how are we envisioning the ocs iframes appearing on print view? There seems to be some notable road blocks with the iframes themselves - particularly if we're using only css to render the styling. My understanding is that we want a page to show the iframe (if it exists) alongside the rest of the main content.

The current setup has the iframe hidden if an individual is viewing the text content. If a user were to print from that page, the iframe is displayed with css using the @media print tags. Since the print runs immediately after the styles are applied, the iframe does not completely load in time.

Additionally, I imagine most people are going to use File -> Print or ctrl/cmd + P as their modes of action. Without some sort of print button on the OCS screen that enables more javascripty-type things, we don't have much control over the entire process. Then again, that goes against the design mockups.

Open to ideas and suggestions...