Skip to content

Consider adding a few print media rules #797

@phiw13

Description

@phiw13

… mostly to ensure that contents prints in full, e.g. workaround a Firefox issue – content clipped due to use of flexbox.

For details, uses cases and history: see this forum thread

Suggestion(s) - add this block at the end of the stylesheet:

@media print {
    /* de-flexify those elements for print media - Firefox clips content otherwise */
    body, .txp-layout { display: block; }
    /* avoid repeating `.txp-header` on each printed page */
    .txp-header { position: static; }
    /* try to make the tables fully visible */
    .txp-listtables { overflow: visible; max-width: 100%; }
    /* wrap pre blocks (write panel > html) */
    code[class*=language-], pre[class*=language-] { white-space: prewrap; }
}

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions