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
18 lines
649 B
JavaScript
18 lines
649 B
JavaScript
import mustache from 'mustache';
|
|
import { personalMenuTemplate, PERSONAL_MENU_TEMPLATE_DATA } from './personalNavigation.stories.data';
|
|
import '../resources/skins.vector.styles/PersonalMenu.less';
|
|
import '../.storybook/common.less';
|
|
|
|
export default {
|
|
title: 'Personal Navigation'
|
|
};
|
|
|
|
export const loggedOut = () => mustache.render( personalMenuTemplate,
|
|
PERSONAL_MENU_TEMPLATE_DATA.loggedOut );
|
|
|
|
export const loggedInWithEcho = () => mustache.render( personalMenuTemplate,
|
|
PERSONAL_MENU_TEMPLATE_DATA.loggedInWithEcho );
|
|
|
|
export const loggedInWithULS = () => mustache.render( personalMenuTemplate,
|
|
PERSONAL_MENU_TEMPLATE_DATA.loggedInWithULS );
|