2015-04-07 19:52:32 +00:00
|
|
|
{
|
|
|
|
"name": "Vector",
|
|
|
|
"author": [
|
|
|
|
"Trevor Parscal",
|
|
|
|
"Roan Kattouw",
|
|
|
|
"..."
|
|
|
|
],
|
|
|
|
"url": "https://www.mediawiki.org/wiki/Skin:Vector",
|
|
|
|
"descriptionmsg": "vector-skin-desc",
|
2015-09-28 09:42:39 +00:00
|
|
|
"namemsg": "skinname-vector",
|
2015-04-07 19:52:32 +00:00
|
|
|
"license-name": "GPL-2.0+",
|
|
|
|
"type": "skin",
|
2015-09-23 15:31:56 +00:00
|
|
|
"requires": {
|
2017-02-20 14:42:10 +00:00
|
|
|
"MediaWiki": ">= 1.29.0"
|
2015-09-23 15:31:56 +00:00
|
|
|
},
|
2015-04-07 19:52:32 +00:00
|
|
|
"ConfigRegistry": {
|
|
|
|
"vector": "GlobalVarConfig::newInstance"
|
|
|
|
},
|
|
|
|
"ValidSkinNames": {
|
|
|
|
"vector": "Vector"
|
|
|
|
},
|
|
|
|
"MessagesDirs": {
|
|
|
|
"Vector": [
|
|
|
|
"i18n"
|
|
|
|
]
|
|
|
|
},
|
|
|
|
"AutoloadClasses": {
|
2017-12-09 20:32:56 +00:00
|
|
|
"VectorHooks": "VectorHooks.php",
|
2015-04-07 19:52:32 +00:00
|
|
|
"SkinVector": "SkinVector.php",
|
Add print logo
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
2017-07-19 19:27:55 +00:00
|
|
|
"VectorTemplate": "VectorTemplate.php",
|
|
|
|
"Vector\\ResourceLoaderLessModule": "ResourceLoaderLessModule.php"
|
2015-04-07 19:52:32 +00:00
|
|
|
},
|
2017-06-30 19:21:16 +00:00
|
|
|
"Hooks": {
|
|
|
|
"BeforePageDisplayMobile": [
|
|
|
|
"VectorHooks::onBeforePageDisplayMobile"
|
|
|
|
]
|
|
|
|
},
|
2015-07-24 00:05:26 +00:00
|
|
|
"@note": "When modifying skins.vector.styles definition, make sure the installer still works",
|
2015-04-07 19:52:32 +00:00
|
|
|
"ResourceModules": {
|
2015-07-24 00:05:26 +00:00
|
|
|
"skins.vector.styles": {
|
2017-11-02 18:04:58 +00:00
|
|
|
"class": "Vector\\ResourceLoaderLessModule",
|
2016-01-29 00:25:13 +00:00
|
|
|
"targets": [ "desktop", "mobile" ],
|
2015-07-24 00:05:26 +00:00
|
|
|
"position": "top",
|
|
|
|
"styles": {
|
|
|
|
"screen.less": {
|
|
|
|
"media": "screen"
|
|
|
|
},
|
|
|
|
"screen-hd.less": {
|
|
|
|
"media": "screen and (min-width: 982px)"
|
2017-11-02 18:04:58 +00:00
|
|
|
},
|
|
|
|
"print.less": {}
|
2015-07-24 00:05:26 +00:00
|
|
|
}
|
|
|
|
},
|
2017-11-02 18:04:58 +00:00
|
|
|
|
2015-07-24 00:05:26 +00:00
|
|
|
"skins.vector.styles.responsive": {
|
2016-01-29 00:25:13 +00:00
|
|
|
"targets": [ "desktop", "mobile" ],
|
2015-07-24 00:05:26 +00:00
|
|
|
"position": "top",
|
2016-12-12 04:39:14 +00:00
|
|
|
"styles": [
|
|
|
|
"responsive.less"
|
|
|
|
]
|
2015-07-24 00:05:26 +00:00
|
|
|
},
|
2015-04-07 19:52:32 +00:00
|
|
|
"skins.vector.js": {
|
|
|
|
"scripts": [
|
|
|
|
"collapsibleTabs.js",
|
|
|
|
"vector.js"
|
|
|
|
],
|
|
|
|
"position": "top",
|
|
|
|
"dependencies": [
|
|
|
|
"jquery.throttle-debounce",
|
|
|
|
"jquery.tabIndex"
|
|
|
|
]
|
|
|
|
}
|
|
|
|
},
|
|
|
|
"ResourceFileModulePaths": {
|
|
|
|
"localBasePath": "",
|
|
|
|
"remoteSkinPath": "Vector"
|
|
|
|
},
|
|
|
|
"ResourceModuleSkinStyles": {
|
|
|
|
"vector": {
|
|
|
|
"jquery.tipsy": "skinStyles/jquery.tipsy.less",
|
|
|
|
"jquery.ui.core": [
|
|
|
|
"skinStyles/jquery.ui/jquery.ui.core.css",
|
|
|
|
"skinStyles/jquery.ui/jquery.ui.theme.css"
|
|
|
|
],
|
|
|
|
"jquery.ui.accordion": "skinStyles/jquery.ui/jquery.ui.accordion.css",
|
|
|
|
"jquery.ui.autocomplete": "skinStyles/jquery.ui/jquery.ui.autocomplete.css",
|
|
|
|
"jquery.ui.button": "skinStyles/jquery.ui/jquery.ui.button.css",
|
|
|
|
"jquery.ui.datepicker": "skinStyles/jquery.ui/jquery.ui.datepicker.css",
|
|
|
|
"jquery.ui.dialog": "skinStyles/jquery.ui/jquery.ui.dialog.css",
|
|
|
|
"jquery.ui.menu": "skinStyles/jquery.ui/jquery.ui.menu.css",
|
|
|
|
"jquery.ui.progressbar": "skinStyles/jquery.ui/jquery.ui.progressbar.css",
|
|
|
|
"jquery.ui.resizable": "skinStyles/jquery.ui/jquery.ui.resizable.css",
|
|
|
|
"jquery.ui.selectable": "skinStyles/jquery.ui/jquery.ui.selectable.css",
|
|
|
|
"jquery.ui.slider": "skinStyles/jquery.ui/jquery.ui.slider.css",
|
|
|
|
"jquery.ui.spinner": "skinStyles/jquery.ui/jquery.ui.spinner.css",
|
|
|
|
"jquery.ui.tabs": "skinStyles/jquery.ui/jquery.ui.tabs.css",
|
|
|
|
"jquery.ui.tooltips": "skinStyles/jquery.ui/jquery.ui.tooltips.css",
|
2017-06-15 13:05:39 +00:00
|
|
|
"+mediawiki.action.view.redirectPage": "skinStyles/mediawiki.action.view.redirectPage.less",
|
2015-05-04 16:29:18 +00:00
|
|
|
"+mediawiki.notification": "skinStyles/mediawiki.notification.less",
|
2016-02-29 16:59:59 +00:00
|
|
|
"+oojs-ui-core.styles": "skinStyles/ooui.less",
|
2015-04-07 19:52:32 +00:00
|
|
|
"mediawiki.special": "skinStyles/mediawiki.special.less",
|
2015-11-01 00:38:33 +00:00
|
|
|
"+mediawiki.special.preferences.styles": "skinStyles/mediawiki.special.preferences.styles.less"
|
2015-04-07 19:52:32 +00:00
|
|
|
}
|
|
|
|
},
|
|
|
|
"config": {
|
|
|
|
"VectorUseSimpleSearch": true,
|
2015-06-25 00:21:28 +00:00
|
|
|
"VectorUseIconWatch": true,
|
Add print logo
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
2017-07-19 19:27:55 +00:00
|
|
|
"VectorResponsive": false,
|
|
|
|
"VectorPrintLogo": false
|
2015-06-08 20:20:52 +00:00
|
|
|
},
|
|
|
|
"manifest_version": 1
|
2015-04-07 19:52:32 +00:00
|
|
|
}
|