mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-28 17:40:12 +00:00
565011c5c4
The Vector skin's responsive mode originally used 768px as a hardcoded value for the media query set up in skin.json. I attempted to switch to the @deviceWidthTablet global Less variable provided by MediaWiki inside skin.json, but this would not work under any circumstances. Evidently, ResourceLoader does not compile Less, so it just ignores the media query if it contains a Less variable. I was forced to leave the media query within skin.json blank and hard-code it into responsive.less. When using the @deviceWidthTablet variable inside responsive.less, it worked fine. Obviously this is not ideal, as I am bypassing ResourceLoader, but I have no other choice. See this comment (T124994#2864136) for details. Bug: T124994 Change-Id: I28565e5ba88be41dcd9cb38fc09cffe29d263e06
101 lines
2.9 KiB
JSON
101 lines
2.9 KiB
JSON
{
|
|
"name": "Vector",
|
|
"author": [
|
|
"Trevor Parscal",
|
|
"Roan Kattouw",
|
|
"..."
|
|
],
|
|
"url": "https://www.mediawiki.org/wiki/Skin:Vector",
|
|
"descriptionmsg": "vector-skin-desc",
|
|
"namemsg": "skinname-vector",
|
|
"license-name": "GPL-2.0+",
|
|
"type": "skin",
|
|
"requires": {
|
|
"MediaWiki": ">= 1.25.0"
|
|
},
|
|
"ConfigRegistry": {
|
|
"vector": "GlobalVarConfig::newInstance"
|
|
},
|
|
"ValidSkinNames": {
|
|
"vector": "Vector"
|
|
},
|
|
"MessagesDirs": {
|
|
"Vector": [
|
|
"i18n"
|
|
]
|
|
},
|
|
"AutoloadClasses": {
|
|
"SkinVector": "SkinVector.php",
|
|
"VectorTemplate": "VectorTemplate.php"
|
|
},
|
|
"@note": "When modifying skins.vector.styles definition, make sure the installer still works",
|
|
"ResourceModules": {
|
|
"skins.vector.styles": {
|
|
"targets": [ "desktop", "mobile" ],
|
|
"position": "top",
|
|
"styles": {
|
|
"screen.less": {
|
|
"media": "screen"
|
|
},
|
|
"screen-hd.less": {
|
|
"media": "screen and (min-width: 982px)"
|
|
}
|
|
}
|
|
},
|
|
"skins.vector.styles.responsive": {
|
|
"targets": [ "desktop", "mobile" ],
|
|
"position": "top",
|
|
"styles": [
|
|
"responsive.less"
|
|
]
|
|
},
|
|
"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",
|
|
"+mediawiki.notification": "skinStyles/mediawiki.notification.less",
|
|
"+oojs-ui-core.styles": "skinStyles/ooui.less",
|
|
"mediawiki.special": "skinStyles/mediawiki.special.less",
|
|
"+mediawiki.special.preferences.styles": "skinStyles/mediawiki.special.preferences.styles.less"
|
|
}
|
|
},
|
|
"config": {
|
|
"VectorUseSimpleSearch": true,
|
|
"VectorUseIconWatch": true,
|
|
"VectorResponsive": false
|
|
},
|
|
"manifest_version": 1
|
|
}
|