mediawiki-skins-Vector/includes/templates/StickyHeader.mustache
bwang 62149265e9 Add ULS to sticky header
- Rework Icon template into Button template to support all button variants
- Update ULS helper functions in SkinVector
- Update StickyHeader template to use the new Button template
- Update Storybook

Bug: T289815
Depends-on: Iba6cbbd6c6e48a1abfda342421822e3ff2715362
Change-Id: I718b3e05a988e20beb82d599e4168d497fa4c299
2021-09-08 12:39:55 -05:00

30 lines
859 B
Plaintext

<header id="vector-sticky-header"
class="vector-sticky-header {{#is-visible}}vector-sticky-header-visible{{/is-visible}}">
<div class="vector-sticky-header-start">
<div class="vector-sticky-header-icon-start">
{{#data-button-start}}
{{>Button}}
{{/data-button-start}}
</div>
<div class="vector-sticky-header-context-bar">
<div class="vector-sticky-header-context-bar-primary">{{title}}</div>
<div class="vector-sticky-header-context-bar-secondary">{{heading}}</div>
</div>
</div>
<div class="vector-sticky-header-end">
<div class="vector-sticky-header-icons">
{{#data-buttons}}
{{>Button}}
{{/data-buttons}}
</div>
{{#data-primary-action}}
{{>Button}}
{{/data-primary-action}}
<div class="vector-sticky-header-icon-end">
{{#data-button-end}}
{{>Button}}
{{/data-button-end}}
</div>
</div>
</header>