mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-24 15:53:46 +00:00
413870d350
Logo cannot be displayed as a background image because it won't be visible in print unless the user prints backgrounds too. A sample configuration looks like this: $wgVectorPrintLogo = [ 'url' => 'https://en.wikipedia.org/static/images/mobile/copyright/wikipedia-wordmark-en.svg', 'width' => 174, 'height' => 27 ]; The solution presented in the patch has a downside of not being able to scale images down if their dimensions are bigger than the dimensions specified in the config variable. For example, if we want to go with an SVG image, then IE8 won't be able to render it. Alternatively, if we want to go with a PNG image, its dimensions need to match the exact dimensoins in the config variable, otherwise the image will show up larger or smaller depending on its dimensions. A more complicated approach of scaling images using `transform: scale` hasn't been used because we wanted to keep the configuration simple while supporting the majority of our users. With the current change, we can reuse the existing configuration options from Minerva, for exmaple. It would look something like this: $wgVectorPrintLogo = [ 'url' => $wgMFCustomLogos['copyright'], 'width' => $wgMFCustomLogos['copyright-width'], 'height' => $wgMFCustomLogos['copyright-height'] ]; Bug: T169826 Change-Id: If8f9f8d95fd3c955ece37d6c8ab6995596189667 |
||
|---|---|---|
| components | ||
| i18n | ||
| images | ||
| skinStyles | ||
| .eslintrc.json | ||
| .gitignore | ||
| .gitreview | ||
| .stylelintrc | ||
| CODE_OF_CONDUCT.md | ||
| collapsibleTabs.js | ||
| composer.json | ||
| COPYING | ||
| Gruntfile.js | ||
| Hooks.php | ||
| hooks.txt | ||
| jsduck.json | ||
| package.json | ||
| phpcs.xml | ||
| print.less | ||
| README.md | ||
| ResourceLoaderLessModule.php | ||
| responsive.less | ||
| screen-hd.less | ||
| screen.less | ||
| skin.json | ||
| SkinVector.php | ||
| variables.less | ||
| vector.js | ||
| Vector.php | ||
| VectorTemplate.php | ||
Vector Skin
Configuration options
$wgVectorPrintLogo
Logo used in print styles. Keys are url, width, and height (in
pixels). Note that this solution only works correctly if the image
pointed to by url is an SVG that does not specify width and height
attributes, or its width and height match the corresponding variables
below. Alternatively, a PNG or other type of image can be used, but
its dimensions also need to match the corresponding variable below.
That in turn may result in blurry images, though.
Example configuration:
$wgVectorPrintLogo = [
'url' => 'https://en.wikipedia.org/static/images/mobile/copyright/wikipedia-wordmark-en.svg',
'width' => 174,
'height' => 27
];
- Type:
Array - Default:
false