mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-09-30 13:47:42 +00:00
fd250975c4
It's advisable to rely on default icon color and set it's color by opacity. With that we've got a better playing field to respond to user interaction with icon color changes, not relying on several icons at once for different states and also being backwards-compatible for a variety of browsers. Change-Id: Iaff869774007ed962104d704103f0392a3516f4f Bug: T246419
45 lines
1.5 KiB
Plaintext
45 lines
1.5 KiB
Plaintext
{{!
|
|
@typedef object emphasized-sidebar-action
|
|
@prop string href
|
|
@prop string text
|
|
|
|
string html-logo-attributes for site logo. Must be used inside tag e.g. `class="logo" lang="en-gb"`
|
|
MenuDefinition data-portals-first
|
|
MenuDefinition[] array-portals-rest
|
|
emphasized-sidebar-action data-emphasized-sidebar-action For displaying an emphasized action in the sidebar.
|
|
string msg-vector-action-toggle-sidebar The label used by the sidebar button.
|
|
boolean sidebar-visible For users that want to see the sidebar on initial render, this should be
|
|
true.
|
|
}}
|
|
|
|
<input
|
|
type="checkbox"
|
|
id="mw-sidebar-checkbox"
|
|
class="mw-checkbox-hack-checkbox"
|
|
role="button"
|
|
{{#sidebar-visible}}checked{{/sidebar-visible}}
|
|
aria-labelledby="mw-sidebar-button"
|
|
aria-controls="mw-panel">
|
|
<label
|
|
id="mw-sidebar-button"
|
|
class="
|
|
mw-checkbox-hack-button
|
|
mw-ui-icon
|
|
mw-ui-icon-element
|
|
{{#sidebar-visible}}mw-ui-icon-wikimedia-collapseHorizontal{{/sidebar-visible}}
|
|
{{^sidebar-visible}}mw-ui-icon-wikimedia-menu{{/sidebar-visible}}
|
|
"
|
|
for="mw-sidebar-checkbox"
|
|
data-event-name="ui.sidebar">
|
|
{{msg-vector-action-toggle-sidebar}}
|
|
</label>
|
|
<div id="mw-panel" class="mw-sidebar mw-checkbox-hack-target">
|
|
{{#data-portals-first}}{{>Menu}}{{/data-portals-first}}
|
|
{{#data-emphasized-sidebar-action}}
|
|
<div class="mw-sidebar-action">
|
|
<a class="mw-sidebar-action-link" title="{{title}}" href="{{href}}">{{text}}</a>
|
|
</div>
|
|
{{/data-emphasized-sidebar-action}}
|
|
{{#array-portals-rest}}{{>Menu}}{{/array-portals-rest}}
|
|
</div>
|