mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/print/styles.less
Bartosz Dziewoński 50fc799b07 Fix various problems with print styles
These styles have drifted away from the HTML structure since they were
written in 2017.

General:
* Add some comments
* Replace complicated selectors with simple class selectors

styles.less:
* Hide section edit links (previously we relied on MobileFrontend
  styles, which one handled some cases - removing them in I9a88b80c2a)
* Show print footer, hide Minerva footer

header.less:
* Remove FIXME (resolved in c323c6858a).
* Fix hiding the search box. In 0bee6a1eb6 a <form> for the search box
  was added to the header, and these styles (using tag selectors) were
  not updated. Use class selectors instead.
* Remove styles for <h1>. The element was changed to <a> in
  a905b1c161, styles to override font-size etc. are no longer needed.
* Consolidate 'padding' rules and remove unneeded !important.

article.less:
* Replace the `[ class|='mw-content' ]` selector, which was not
  matching anything. It would match elements with `class="mw-content"`
  or `class="mw-content-…"`, but the node we're trying to style has
  `class="mw-body-content mw-content-ltr"` (since 7cda5b0bf8 in
  MediaWiki core). Use a class selector instead.
* Replace the `.mw-body > .content` selector too. While this one
  works, it is also needlessly complicated.

footer.less:
* Fix and simplify how last-modified info and license text is unhidden
  (while other parts of the footer remain hidden).
* Remove styles for .license. Unused since 1f2b7dff15, use the desktop
  footer added in that commit instead.
* Use the desktop footer for last-modified info, since it's more
  suitable for "archiving" (it has a date rather than time ago).

Bug: T323636
Change-Id: I21ef26355e3e6dd8b0c34ae933b7f5b0b222655c
2023-01-03 21:57:11 +00:00

62 lines
1 KiB
Plaintext

@import '../../../minerva.less/minerva.variables.less';
@import '../../../minerva.less/minerva.mixins.less';
@media print {
.mw-editsection,
.noprint,
.banner-container,
.minerva-header,
.minerva-footer,
.minerva__tab-container,
.page-actions-menu,
.post-content {
display: none;
}
.printfooter {
display: block;
padding-top: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid;
}
table,
figure,
img {
page-break-inside: avoid;
}
img {
max-width: 100%;
// Disable lazy loading transition animation for print media (T220668) so they display.
&.image-lazy-loaded {
animation: none !important;
}
}
}
@media print and ( max-device-width: @width-breakpoint-tablet ) {
// Chrome: override the default margins and reveal the footer
// Experimental technology (see https://developer.mozilla.org/en-US/docs/Web/CSS/@page/size)
@page {
margin: 50px 0;
}
html {
padding: 0 50px;
}
@import 'header.less';
@import 'article.less';
@import 'references.less';
@import 'footer.less';
}