Merge "Feature flagged print styles"
This commit is contained in:
commit
5dec71ecd4
|
@ -40,6 +40,15 @@ class SkinVector extends SkinTemplate {
|
||||||
$this->vectorConfig = ConfigFactory::getDefaultInstance()->makeConfig( 'vector' );
|
$this->vectorConfig = ConfigFactory::getDefaultInstance()->makeConfig( 'vector' );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** @inheritdoc */
|
||||||
|
public function getPageClasses( $title ) {
|
||||||
|
$className = parent::getPageClasses( $title );
|
||||||
|
if ( $this->vectorConfig->get( 'VectorExperimentalPrintStyles' ) ) {
|
||||||
|
$className .= ' vector-experimental-print-styles';
|
||||||
|
}
|
||||||
|
return $className;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Enables the responsive mode
|
* Enables the responsive mode
|
||||||
*/
|
*/
|
||||||
|
@ -63,6 +72,14 @@ class SkinVector extends SkinTemplate {
|
||||||
$this->enableResponsiveMode();
|
$this->enableResponsiveMode();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Print styles are feature flagged.
|
||||||
|
// This flag can be removed when T169732 is resolved.
|
||||||
|
if ( $this->vectorConfig->get( 'VectorExperimentalPrintStyles' ) ) {
|
||||||
|
// Note, when deploying (T169732) we'll want to fold the stylesheet into
|
||||||
|
// skins.vector.styles and remove this module altogether.
|
||||||
|
$out->addModuleStyles( 'skins.vector.styles.experimental.print' );
|
||||||
|
}
|
||||||
|
|
||||||
$out->addModules( 'skins.vector.js' );
|
$out->addModules( 'skins.vector.js' );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -0,0 +1,86 @@
|
||||||
|
@pureBlack: #000;
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
|
||||||
|
.vector-experimental-print-styles {
|
||||||
|
&body {
|
||||||
|
padding: 10px;
|
||||||
|
font-family: serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Normalize Blue links in the article
|
||||||
|
a {
|
||||||
|
border-bottom: 1px solid #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.firstHeading {
|
||||||
|
font-size: 25pt;
|
||||||
|
line-height: 28pt;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Headings
|
||||||
|
.firstHeading,
|
||||||
|
h2 {
|
||||||
|
border-bottom: 2px solid @pureBlack;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
margin: 30px 0 0;
|
||||||
|
font-family: sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
padding: 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 18pt;
|
||||||
|
line-height: 24pt;
|
||||||
|
margin-bottom: 0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 13pt;
|
||||||
|
line-height: 20pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
font-size: 10pt;
|
||||||
|
line-height: 15pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 10pt;
|
||||||
|
line-height: 16pt;
|
||||||
|
margin-top: 5px;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
border-left: 2px solid @pureBlack;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
margin: 10px 0 0 1.6em;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
padding: 5px 0;
|
||||||
|
font-size: 10pt;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -48,6 +48,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"skins.vector.styles.experimental.print": {
|
||||||
|
"targets": [ "desktop", "mobile" ],
|
||||||
|
"position": "top",
|
||||||
|
"styles": [
|
||||||
|
"print.less"
|
||||||
|
]
|
||||||
|
},
|
||||||
"skins.vector.styles.responsive": {
|
"skins.vector.styles.responsive": {
|
||||||
"targets": [ "desktop", "mobile" ],
|
"targets": [ "desktop", "mobile" ],
|
||||||
"position": "top",
|
"position": "top",
|
||||||
|
@ -101,6 +108,8 @@
|
||||||
"config": {
|
"config": {
|
||||||
"VectorUseSimpleSearch": true,
|
"VectorUseSimpleSearch": true,
|
||||||
"VectorUseIconWatch": true,
|
"VectorUseIconWatch": true,
|
||||||
|
"@VectorExperimentalPrintStyles": "Temporary config variable to feature flag new print styles (T154965)",
|
||||||
|
"VectorExperimentalPrintStyles": false,
|
||||||
"VectorResponsive": false
|
"VectorResponsive": false
|
||||||
},
|
},
|
||||||
"manifest_version": 1
|
"manifest_version": 1
|
||||||
|
|
Loading…
Reference in New Issue