mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-26 00:25:40 +00:00
15d95fc24a
Changes: * Code is moved from SkinVector to SkinVectorLegacy verbatim since it is now only needed by SkinVectorLegacy so we remove it: ** This step broke MainMenu rendering so this was captured in VectorComponentMainMenu ** The isLegacy code no longer makes sense and is removed in a follow up * storybook no longer run on CI Authors: Bernard Wang and Jon Robson Bug: T321102 Bug: T319349 Change-Id: Ib424ca1c767161fdae8c0aeedfe662b7fa039ff6
33 lines
1.1 KiB
Plaintext
33 lines
1.1 KiB
Plaintext
{{!
|
|
See @typedef MenuDefinition
|
|
}}
|
|
<div id="{{id}}" class="vector-menu vector-menu-dropdown{{#class}} {{.}}{{/class}}" {{{html-tooltip}}} {{{html-user-language-attributes}}}>
|
|
{{!
|
|
Dropdown menus use the checkbox hack and require `input` and `label` elements.
|
|
`aria-label` is applied to the `input` which is semantically a button.
|
|
The `label` element is used as a visual button.
|
|
}}
|
|
<input type="checkbox"
|
|
id="{{id}}-checkbox"
|
|
role="button"
|
|
aria-haspopup="true"
|
|
data-event-name="ui.dropdown-{{id}}"
|
|
class="vector-menu-checkbox{{#checkbox-class}} {{.}}{{/checkbox-class}}"
|
|
{{#aria-label}}aria-label="{{.}}"{{/aria-label}}
|
|
{{{html-vector-menu-checkbox-attributes}}}
|
|
/>
|
|
<label
|
|
id="{{id}}-label"
|
|
for="{{id}}-checkbox"
|
|
class="vector-menu-heading{{#heading-class}} {{.}}{{/heading-class}}"
|
|
{{{html-vector-menu-heading-attributes}}}
|
|
>
|
|
{{{html-vector-heading-icon}}}<span class="vector-menu-heading-label">{{label}}</span>
|
|
</label>
|
|
<div class="vector-menu-content">
|
|
{{{html-before-portal}}}
|
|
<ul class="vector-menu-content-list">{{{html-items}}}</ul>
|
|
{{{html-after-portal}}}
|
|
</div>
|
|
</div>
|