mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-24 07:43:47 +00:00
78787d9665
This moves the header, navigation, sidebar, and article toolbar to be before the content in the DOM. As a result, a lot of absolute positioning logic can be removed and styles can be simplified. Note that although the sidebar was moved from the header into the workspace container allowing it to de-absolutely positioned, its absolute positioning was kept intact as it has a fair amount of complexity that should be handled in a separate task. To activate, set `$wgVectorIsSearchInHeader = true;` Changes that could cause concern: * The "jump to search" link was removed as the search is now much earlier in the DOM and I questioned the value of keeping this. However, it can be added back in if this change is contentious. * A "jump to content" link was added to account for the new DOM order. * Because the sidebar was taken out of the header, users will not be able to tab from the sidebar button into the sidebar without additional tweaking (e.g. should we add JS to enable this?). It was deemed that this work can be saved as a follow-up task. * I applied `overflow-y: auto` to the `mw-page-container` because the header's top margin was collapsing and caused whitespace to appear between the viewport and the header. Alternatively, we could apply a top padding to the page container and remove the header's top margin. I went for the simplest solution but am open to alternatives. * I left the footer as-is in this patch to minimize risk. It might be cleaner later on to move the footer inside the workspace container which would leave only one workspace container. Bug: T261802 Change-Id: Ic553fab3bde25769b103d899b92b3b694c00c384
212 lines
7.2 KiB
JSON
212 lines
7.2 KiB
JSON
{
|
|
"name": "Vector",
|
|
"version": "1.0.0",
|
|
"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-or-later",
|
|
"type": "skin",
|
|
"requires": {
|
|
"MediaWiki": ">= 1.35.0"
|
|
},
|
|
"ValidSkinNames": {
|
|
"vector": {
|
|
"class": "SkinVector",
|
|
"@args": "See SkinVector::__construct for more detail.",
|
|
"args": [
|
|
{
|
|
"name": "vector",
|
|
"scripts": [
|
|
"skins.vector.js"
|
|
],
|
|
"styles": [
|
|
"skins.vector.styles",
|
|
"mediawiki.ui.icon"
|
|
],
|
|
"messages": [
|
|
"vector-opt-out-tooltip",
|
|
"vector-opt-out",
|
|
"navigation-heading",
|
|
"vector-action-toggle-sidebar",
|
|
"vector-jumptonavigation",
|
|
"vector-jumptosearch",
|
|
"vector-jumptocontent",
|
|
"sitesubtitle",
|
|
"sitetitle",
|
|
"tagline"
|
|
]
|
|
}
|
|
]
|
|
}
|
|
},
|
|
"MessagesDirs": {
|
|
"Vector": [
|
|
"i18n"
|
|
]
|
|
},
|
|
"AutoloadClasses": {
|
|
"SkinVector": "includes/SkinVector.php"
|
|
},
|
|
"AutoloadNamespaces": {
|
|
"Vector\\": "includes/"
|
|
},
|
|
"ConfigRegistry": {
|
|
"vector": "GlobalVarConfig::newInstance"
|
|
},
|
|
"Hooks": {
|
|
"BeforePageDisplay": "Vector\\Hooks::onBeforePageDisplay",
|
|
"SkinPageReadyConfig": "Vector\\Hooks::onSkinPageReadyConfig",
|
|
"GetPreferences": "Vector\\Hooks::onGetPreferences",
|
|
"PreferencesFormPreSave": "Vector\\Hooks::onPreferencesFormPreSave",
|
|
"SkinTemplateNavigation::Universal": "Vector\\Hooks::onSkinTemplateNavigation",
|
|
"LocalUserCreated": "Vector\\Hooks::onLocalUserCreated",
|
|
"OutputPageBodyAttributes": "Vector\\Hooks::onOutputPageBodyAttributes",
|
|
"MakeGlobalVariablesScript": "Vector\\Hooks::onMakeGlobalVariablesScript"
|
|
},
|
|
"@note": "When modifying skins.vector.styles definition, make sure the installer still works",
|
|
"ResourceModules": {
|
|
"skins.vector.styles.legacy": {
|
|
"class": "ResourceLoaderSkinModule",
|
|
"features": [ "normalize", "elements", "content", "interface", "logo", "legacy" ],
|
|
"targets": [
|
|
"desktop",
|
|
"mobile"
|
|
],
|
|
"styles": [ "resources/skins.vector.styles/skin-legacy.less" ]
|
|
},
|
|
"skins.vector.styles": {
|
|
"class": "ResourceLoaderSkinModule",
|
|
"features": [ "normalize", "elements", "content", "interface", "legacy" ],
|
|
"targets": [
|
|
"desktop",
|
|
"mobile"
|
|
],
|
|
"styles": [ "resources/skins.vector.styles/skin.less" ]
|
|
},
|
|
"skins.vector.styles.responsive": {
|
|
"targets": [
|
|
"desktop",
|
|
"mobile"
|
|
],
|
|
"styles": [ "resources/skins.vector.styles.responsive.less" ]
|
|
},
|
|
"skins.vector.search": {
|
|
"dependencies": [
|
|
"vue"
|
|
]
|
|
},
|
|
"skins.vector.js": {
|
|
"packageFiles": [
|
|
"resources/skins.vector.js/skin.js",
|
|
{
|
|
"name": "resources/skins.vector.js/config.json",
|
|
"callback": "Vector\\Hooks::getVectorResourceLoaderConfig"
|
|
},
|
|
"resources/skins.vector.js/sidebar.js",
|
|
"resources/skins.vector.legacy.js/collapsibleTabs.js",
|
|
"resources/skins.vector.legacy.js/vector.js",
|
|
"resources/skins.vector.js/searchLoader.js"
|
|
],
|
|
"dependencies": [
|
|
"mediawiki.page.ready",
|
|
"mediawiki.util"
|
|
],
|
|
"messages": [ "vector-search-loader" ]
|
|
},
|
|
"skins.vector.legacy.js": {
|
|
"packageFiles": [
|
|
"resources/skins.vector.legacy.js/skin-legacy.js",
|
|
"resources/skins.vector.legacy.js/collapsibleTabs.js",
|
|
"resources/skins.vector.legacy.js/vector.js"
|
|
],
|
|
"dependencies": [
|
|
"mediawiki.page.ready",
|
|
"mediawiki.util"
|
|
]
|
|
}
|
|
},
|
|
"ResourceFileModulePaths": {
|
|
"localBasePath": "",
|
|
"remoteSkinPath": "Vector"
|
|
},
|
|
"ResourceModuleSkinStyles": {
|
|
"vector": {
|
|
"jquery.tipsy": "skinStyles/jquery.tipsy.less",
|
|
"jquery.ui": [
|
|
"skinStyles/jquery.ui/jquery.ui.core.css",
|
|
"skinStyles/jquery.ui/jquery.ui.theme.css",
|
|
"skinStyles/jquery.ui/jquery.ui.accordion.css",
|
|
"skinStyles/jquery.ui/jquery.ui.autocomplete.css",
|
|
"skinStyles/jquery.ui/jquery.ui.button.css",
|
|
"skinStyles/jquery.ui/jquery.ui.datepicker.css",
|
|
"skinStyles/jquery.ui/jquery.ui.dialog.css",
|
|
"skinStyles/jquery.ui/jquery.ui.menu.css",
|
|
"skinStyles/jquery.ui/jquery.ui.progressbar.css",
|
|
"skinStyles/jquery.ui/jquery.ui.resizable.css",
|
|
"skinStyles/jquery.ui/jquery.ui.selectable.css",
|
|
"skinStyles/jquery.ui/jquery.ui.slider.css",
|
|
"skinStyles/jquery.ui/jquery.ui.tabs.css",
|
|
"skinStyles/jquery.ui/jquery.ui.tooltip.css"
|
|
],
|
|
"+mediawiki.action.view.redirectPage": "skinStyles/mediawiki.action.view.redirectPage.less",
|
|
"+mediawiki.notification": "skinStyles/mediawiki.notification.less",
|
|
"+oojs-ui-core.styles": "skinStyles/ooui.less",
|
|
"mediawiki.special": "skinStyles/mediawiki.special.less",
|
|
"+ext.relatedArticles.readMore": "skinStyles/ext.relatedArticles.readMore.less"
|
|
}
|
|
},
|
|
"config": {
|
|
"VectorUseIconWatch": {
|
|
"value": true
|
|
},
|
|
"VectorResponsive": {
|
|
"value": false
|
|
},
|
|
"VectorShowSkinPreferences": {
|
|
"value": true,
|
|
"description": "@var boolean Show skin-specific user preferences on the Special:Preferences appearance tab when true and hide them otherwise."
|
|
},
|
|
"VectorDefaultSkinVersion": {
|
|
"value": "1",
|
|
"description": "@var string:['2'|'1'] The version ('2' for latest, '1' for legacy) of the Vector skin to use for anonymous users and as a fallback. The value is _not_ persisted."
|
|
},
|
|
"VectorDefaultSkinVersionForExistingAccounts": {
|
|
"value": "1",
|
|
"description": "@var string:['2'|'1'] The version ('2' for latest, '1' for legacy) of the Vector skin to use when an existing user has not specified a preference. This configuration is not used for new accounts (see VectorDefaultSkinVersionForNewAccounts) and is impermanent. In the future, this field may contains versions such as \"beta\" which when specified and the BetaFeatures extension is installed, and the user is enrolled, the latest version is used otherwise legacy. The value is _not_ persisted."
|
|
},
|
|
"VectorDefaultSkinVersionForNewAccounts": {
|
|
"value": "1",
|
|
"description": "@var string:['2'|'1'] The version ('2' for latest, '1' for legacy) of the Vector skin to **set** for newly created user accounts. **The value is persisted as a user preference.** This configuration is not used for preexisting accounts (see VectorDefaultSkinVersionForExistingAccounts) and only ever executed once at new account creation time."
|
|
},
|
|
"VectorUseCoreSearch": {
|
|
"value": true
|
|
},
|
|
"VectorIsSearchInHeader": {
|
|
"value": false
|
|
},
|
|
"VectorDefaultSidebarVisibleForAuthorisedUser": {
|
|
"value": true
|
|
},
|
|
"VectorDefaultSidebarVisibleForAnonymousUser": {
|
|
"value": false
|
|
},
|
|
"VectorLayoutMaxWidth": {
|
|
"value": false,
|
|
"description": "@var boolean Enables the max-width layout for the latest version of Vector. This is intended to be a very short-lived feature flag whose sole purpose is to derisk the deployment of T246420. It should be removed (and made the default) as quickly as possible."
|
|
},
|
|
"VectorDisableSidebarPersistence": {
|
|
"value": false,
|
|
"description": "@var boolean Temporary feature flag that disables saving the sidebar expanded/collapsed state as a user-preference (triggered via clicking the main menu icon). This is intended as a temporary kill-switch in the event that the DB is overloaded with writes to the user_options table."
|
|
}
|
|
},
|
|
"ServiceWiringFiles": [
|
|
"includes/ServiceWiring.php"
|
|
],
|
|
"manifest_version": 2
|
|
}
|