mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-12-01 10:46:54 +00:00
d290b98f56
* Ensure 8px spacing between all icons and buttons * Move buttons to separate container, so they aren't grouped with -icons. * Reducing horizontal padding of quiet labelled buttons to 5px to match spec. Bug: T326571 Change-Id: I71c3aee82152f048c347f80747972d526039a8f0
51 lines
1.2 KiB
JavaScript
51 lines
1.2 KiB
JavaScript
import template from '!!raw-loader!../includes/templates/StickyHeader.mustache';
|
|
import Button from '!!raw-loader!../includes/templates/Button.mustache';
|
|
import { searchBoxData } from './SearchBox.stories.data';
|
|
|
|
const NO_ICON = {
|
|
icon: 'none',
|
|
'is-quiet': true,
|
|
class: 'sticky-header-icon'
|
|
};
|
|
|
|
const TALK_ICON = {
|
|
icon: 'none',
|
|
'is-quiet': true,
|
|
class: 'sticky-header-icon mw-ui-icon-wikimedia-speechBubbles'
|
|
};
|
|
|
|
const HISTORY_ICON = {
|
|
icon: 'none',
|
|
'is-quiet': true,
|
|
class: 'sticky-header-icon mw-ui-icon-wikimedia-history'
|
|
};
|
|
|
|
const data = {
|
|
title: 'Audre Lorde',
|
|
heading: 'Introduction',
|
|
'data-buttons': [ {
|
|
id: 'p-lang-btn-sticky-header',
|
|
class: 'mw-interlanguage-selector',
|
|
'is-quiet': true,
|
|
label: '196 languages',
|
|
'html-vector-button-icon': `<span class="mw-ui-icon mw-ui-icon-wikimedia-language"></span>`
|
|
} ],
|
|
'data-search': searchBoxData,
|
|
'data-button-start': {
|
|
icon: 'wikimedia-search',
|
|
class: 'vector-sticky-header-search-toggle',
|
|
'is-quiet': true,
|
|
label: 'Search'
|
|
},
|
|
'data-button-end': NO_ICON,
|
|
'data-icons': [
|
|
TALK_ICON, HISTORY_ICON, NO_ICON, NO_ICON
|
|
]
|
|
};
|
|
|
|
export const STICKY_HEADER_TEMPLATE_PARTIALS = {
|
|
Button
|
|
};
|
|
|
|
export { template, data };
|