Print: Add layout print styles on Ctrl+p and ElectronPdf
Bug: T253842 Change-Id: Ia7104a30a37a13cbeb6cfa4bdf1ee50ee677a87a
This commit is contained in:
parent
391d0caa27
commit
f92e40152a
|
@ -5,7 +5,7 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"resourceModule": "skins.vector.styles",
|
"resourceModule": "skins.vector.styles",
|
||||||
"maxSize": "8.5 kB"
|
"maxSize": "8.6 kB"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"resourceModule": "skins.vector.icons",
|
"resourceModule": "skins.vector.icons",
|
||||||
|
|
|
@ -0,0 +1,33 @@
|
||||||
|
@import 'mediawiki.mixins.less';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Print styles require Flexbox to be optimized for print.
|
||||||
|
* For browsers without Flexbox, the header will appear at the bottom of
|
||||||
|
* the page which is judged as acceptable.
|
||||||
|
* This deviates a little from the browser compability chart, with the understanding
|
||||||
|
* that printing accounts for a small percentage of our traffic and browsers which don't
|
||||||
|
* support Flexbox are an even smaller fragment.
|
||||||
|
*/
|
||||||
|
.mw-page-container-inner {
|
||||||
|
.flex-display();
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mw-page-container-inner > * {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mw-sidebar-checkbox,
|
||||||
|
.mw-header > *:not( .mw-logo ) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Header
|
||||||
|
.mw-header {
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mw-workspace-container {
|
||||||
|
order: 2;
|
||||||
|
}
|
|
@ -34,4 +34,5 @@
|
||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
@import 'common/print.less';
|
@import 'common/print.less';
|
||||||
|
@import 'layout-print.less';
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue