mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-24 23:55:53 +00:00
6a9ee465bc
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
66 lines
1.6 KiB
JavaScript
66 lines
1.6 KiB
JavaScript
import sidebarTemplate from '!!raw-loader!../includes/templates/Sidebar.mustache';
|
|
import portalTemplate from '!!raw-loader!../includes/templates/Portal.mustache';
|
|
import { PORTALS } from './Portal.stories.data';
|
|
|
|
const HTML_LOGO_ATTRIBUTES = `class="mw-wiki-logo" href="/wiki/Main_Page" title="Visit the main page"`;
|
|
const SIDEBAR_BEFORE_OUTPUT_HOOKINFO = `Beware: Portals can be added, removed or reordered using
|
|
SidebarBeforeOutput hook as in this example.`;
|
|
|
|
export { sidebarTemplate };
|
|
|
|
export const SIDEBAR_TEMPLATE_PARTIALS = {
|
|
Portal: portalTemplate
|
|
};
|
|
|
|
export const SIDEBAR_DATA = {
|
|
withNoPortals: {
|
|
'has-logo': true,
|
|
'array-portals-rest': [],
|
|
'html-logo-attributes': HTML_LOGO_ATTRIBUTES
|
|
},
|
|
withPortalsAndOptOut: {
|
|
'has-logo': false,
|
|
'array-portals-first': PORTALS.navigation,
|
|
'data-emphasized-sidebar-action': {
|
|
href: '#',
|
|
text: 'Switch to old look'
|
|
},
|
|
'array-portals-rest': [
|
|
PORTALS.toolbox,
|
|
PORTALS.otherProjects,
|
|
PORTALS.langlinks
|
|
],
|
|
'html-logo-attributes': HTML_LOGO_ATTRIBUTES
|
|
},
|
|
withPortals: {
|
|
'has-logo': true,
|
|
'array-portals-first': PORTALS.navigation,
|
|
'array-portals-rest': [
|
|
PORTALS.toolbox,
|
|
PORTALS.otherProjects,
|
|
PORTALS.langlinks
|
|
],
|
|
'html-logo-attributes': HTML_LOGO_ATTRIBUTES
|
|
},
|
|
withoutLogo: {
|
|
'has-logo': false,
|
|
'array-portals-first': PORTALS.navigation,
|
|
'array-portals-rest': [
|
|
PORTALS.toolbox,
|
|
PORTALS.otherProjects,
|
|
PORTALS.langlinks
|
|
]
|
|
},
|
|
thirdParty: {
|
|
'has-logo': true,
|
|
'array-portals-rest': [
|
|
PORTALS.toolbox,
|
|
PORTALS.navigation,
|
|
{
|
|
'html-portal-content': SIDEBAR_BEFORE_OUTPUT_HOOKINFO
|
|
}
|
|
],
|
|
'html-logo-attributes': HTML_LOGO_ATTRIBUTES
|
|
}
|
|
};
|