privacypatterns icon indicating copy to clipboard operation
privacypatterns copied to clipboard

print stylesheet

Open npdoty opened this issue 8 years ago • 3 comments

Current stylesheet removes all margins by default, which makes for a messy job when printing a pattern out onto paper. It would be nice to have a separate stylesheet or a media-query section that provides an appropriate layout for printing.

npdoty avatar Aug 21 '17 22:08 npdoty

Perhaps this:

    /* For printing, removes margin and contents, separates patterns into further pages */
    @media print{
      body{
        margin: 0px;
      }
      #content {
        display: block;
        width: 100%;
      }
    }

p4pnl avatar Aug 07 '18 18:08 p4pnl

I think actually we do want a margin on body for the print stylesheet, the lack of margin was part of the issue. But yeah, this would be a starting point, just needs a little testing.

npdoty avatar Aug 07 '18 22:08 npdoty

@npdoty On FireFox 61.0.1 it looks like this with the above by default: image

If, using the print settings on FF, we manually set margins to 0, it indeed has 0 margin (and doesn't even show header/footer). So it'll definitely need some cross-browser testing.

p4pnl avatar Aug 08 '18 16:08 p4pnl