[modern] A new version of Vector with a new logo
Changes to support feature:
* ResourceLoaderSkinModule logo features are dropped
* New layout provided given the fork in layout between legacy and new.
* Legacy sidebar styles now pulled out
* breakpoint styles are not carried over from legacy Vector
The new Vector layout for now has one breakpoint.
Changes to storybook:
* The storybook script now pulls down image assets so that the logos can
be shown in storybook. The script is adjusted to make use of a static folder to
serve these images.
Note:
* The legacy mode is not touched as part of this patchset.
* The personal menu is unaffected by this patch and is out of scope.
* The alignment issue is noted, but will be solved at a later date.
* Changes to portal are out of scope.
* Adding storybook for modern descoped, given its not possible to load
both legacy layout and modern layout inside a storybook at current time.
Sample config:
$wgLogos = [
'icon' => 'https://di-logo-sandbox.firebaseapp.com/img/globe.png',
'tagline' => [
'src' => 'https://di-logo-sandbox.firebaseapp.com/img/tagline/en-tagline-117-13.svg',
'width' => 117,
'height' => 13,
],
'1x' => 'https://en.wikipedia.org/static/images/project-logos/enwiki.png',
'wordmark' => [
'src' => 'https://en.wikipedia.org/static/images/mobile/copyright/wikipedia-wordmark-en.svg',
'width' => 116,
'height' => 18,
],
];
Coauthor: Aron Manning
Bug: T246170
Change-Id: Ibc4b055150761388a6b78f9127da342c451ce0e7
2020-03-09 05:51:00 +00:00
|
|
|
/**
|
|
|
|
* @typedef {Object} LogoOptions
|
|
|
|
* @prop {string} src of logo. Can be relative, absolute or data uri.
|
|
|
|
* @prop {string} [alt] text of logo.
|
|
|
|
* @prop {number} width of asset
|
|
|
|
* @prop {number} height of asset
|
|
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* @typedef {Object} ResourceLoaderSkinModuleLogos
|
|
|
|
* @prop {string} [icon] e.g. Wikipedia globe
|
|
|
|
* @prop {LogoOptions} [wordmark] e.g. Legacy Vector logo
|
|
|
|
* @prop {LogoOptions} [tagline] e.g. Legacy Vector logo
|
|
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* @typedef {Object} LogoTemplateData
|
|
|
|
* @prop {ResourceLoaderSkinModuleLogos} data-logos as configured,
|
|
|
|
* the return value of ResourceLoaderSkinModule::getAvailableLogos.
|
|
|
|
* @prop {string} msg-sitetitle alternate text for wordmark
|
|
|
|
href the url to navigate to on click.
|
|
|
|
* @prop {string} msg-sitesubtitle alternate text for tagline.
|
|
|
|
*/
|
|
|
|
|
2020-05-29 19:07:55 +00:00
|
|
|
/**
|
|
|
|
* @typedef {Object} SearchData
|
|
|
|
* @prop {string|null} msg-search
|
|
|
|
* @prop {string} [html-userlangattributes]
|
|
|
|
* @prop {string} form-action URL
|
|
|
|
* @prop {string} form-id
|
|
|
|
* @prop {string|null} html-input
|
|
|
|
* @prop {string|null} page-title the title of the search page
|
|
|
|
* @prop {string|null} html-button-search-fallback
|
|
|
|
* @prop {string|null} html-button-search
|
|
|
|
*/
|
|
|
|
|
2020-04-03 20:05:22 +00:00
|
|
|
/**
|
|
|
|
* @typedef {Object} MenuDefinition
|
|
|
|
* @prop {string} id
|
|
|
|
* @prop {string} label-id
|
|
|
|
* @prop {string} label
|
|
|
|
* @prop {string} html-items
|
2020-04-07 23:21:20 +00:00
|
|
|
* @prop {string} [html-tooltip]
|
2020-04-03 20:05:22 +00:00
|
|
|
* @prop {string} [class] of menu
|
2020-05-21 18:49:24 +00:00
|
|
|
* @prop {string} list-classes of the unordered list element inside the menu
|
2020-04-03 20:05:22 +00:00
|
|
|
* @prop {string} [html-userlangattributes]
|
2020-05-05 23:26:35 +00:00
|
|
|
* @prop {boolean} [is-dropdown]
|
2020-04-07 23:21:20 +00:00
|
|
|
* @prop {string} [html-hook-vector-after-toolbox] Deprecated and used by the toolbox portal menu.
|
|
|
|
* @prop {string} [html-after-portal] Additional HTML specific to portal menus.
|
2020-04-03 20:05:22 +00:00
|
|
|
*/
|