mediawiki-skins-MinervaNeue/components/ToggleList/ToggleListItem.mustache
jdlrobson c0f08790ea Remove the mw-ui-icon hacks and overrides
Note: this agitates T230232 again - when merging this please
make sure a merge for I929090848f3e04647a97f4979ec78682623fa070
is pending.

In various places we try to override the default mw-ui-icon behaviours
The hacks need to be removed as part of addressing the core problem.

Changes:
* Wherever we use mw-ui-icon-before in PHP - wrap the label with a span
so that label font-size is altered where needed - not the icon
* Where a small icon is needed us isSmall parameter for the Icon component
* Apply font-size to labels of mw-ui-icon-before elements
* The browser tests need a slight update to access the span element inside
a menu item - in the case of the logout button the label is always hidden,
so we need to check the visibility of the parent element (secondary_action)

Bug: T229440
Depends-On:  I3f803ec4c9068b30aa93b803391aa4d65d8310ff
Change-Id: I07e4ae233979636b739f1117dd7703571e0a9366
2019-09-10 10:53:20 -07:00

16 lines
518 B
Plaintext

{{!
array components
string|null components.class Optional anchor CSS class.
string|null components.href Optional URI.
string|null components.text Optional text.
string|null components.data-event-name Optional tracking code.
}}
{{#components}}
<li class="toggle-list-item">
<a class="toggle-list-item__anchor" href="{{href}}" data-event-name="{{data-event-name}}">
<span class="toggle-list-item__icon {{class}}"></span>
<span class="toggle-list-item__label">{{text}}</span>
</a>
</li>
{{/components}}