mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-09-30 21:57:34 +00:00
9823538683
This will help with the encapsulation/reusability of each component. * Stylesheets were renamed to reflect their respective component name (e.g. search.less became SearchBox.less) * Styles were isolated to each component: * navigation.less now only contains classes that are relevant to Navigation.mustache. * personalNavigation.less, search.less, and tabs.less imports were removed and made first-class styles. * several selectors were moved into common.less * #p-logo was moved into sidebar * tabs.less was renamed to VectorTabs.less and styles specific to VectorMenu.less were put into VectorMenu.less * Storybook was updated to reflect changes Bug: T243281 Change-Id: Idf90ee2a0f1c1d08a31cf50099c0bebc7b67e619
22 lines
713 B
JavaScript
22 lines
713 B
JavaScript
import mustache from 'mustache';
|
|
import '../.storybook/common.less';
|
|
import '../resources/skins.vector.styles/Sidebar.less';
|
|
import '../resources/skins.vector.styles/Portal.less';
|
|
import { sidebarTemplate, SIDEBAR_DATA, SIDEBAR_TEMPLATE_PARTIALS } from './sidebar.stories.data';
|
|
|
|
export default {
|
|
title: 'Sidebar'
|
|
};
|
|
|
|
export const sidebarWithNoPortals = () => mustache.render(
|
|
sidebarTemplate, SIDEBAR_DATA.withNoPortals, SIDEBAR_TEMPLATE_PARTIALS
|
|
);
|
|
|
|
export const sidebarWithPortals = () => mustache.render(
|
|
sidebarTemplate, SIDEBAR_DATA.withPortals, SIDEBAR_TEMPLATE_PARTIALS
|
|
);
|
|
|
|
export const sidebarThirdParty = () => mustache.render(
|
|
sidebarTemplate, SIDEBAR_DATA.thirdParty, SIDEBAR_TEMPLATE_PARTIALS
|
|
);
|