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
20 lines
632 B
JavaScript
20 lines
632 B
JavaScript
import mustache from 'mustache';
|
|
import { navTemplate, NAVIGATION_TEMPLATE_DATA,
|
|
NAVIGATION_TEMPLATE_PARTIALS } from './navigation.stories.data';
|
|
import '../.storybook/common.less';
|
|
import '../resources/skins.vector.styles/Navigation.less';
|
|
|
|
export default {
|
|
title: 'Navigation (Header + Sidebar)'
|
|
};
|
|
|
|
export const navigationLoggedOutWithVariants = () => mustache.render( navTemplate,
|
|
NAVIGATION_TEMPLATE_DATA.loggedOutWithVariants,
|
|
NAVIGATION_TEMPLATE_PARTIALS
|
|
);
|
|
|
|
export const navigationLoggedInWithMore = () => mustache.render( navTemplate,
|
|
NAVIGATION_TEMPLATE_DATA.loggedInWithMoreActions,
|
|
NAVIGATION_TEMPLATE_PARTIALS
|
|
);
|