mediawiki-skins-MinervaNeue/components/ToggleList
Nicholas Ray 46ac6048d7 Use text-overflow: ellipsis on .mw-ui-icon-before span elements
Placing the text overflow on the span instead of the anchor element
prevents issues like T287522#7272991 from occurring.

Additionally:

* Uses the `text-overflow` mixin on every toggle list item label instead
of just the user link item as it simplifies the logic and presumably
we'd want any text that overflows the menu to be handled the same.

* Changes the anchor element to use flexbox/align-items to vertically
center instead of relying on `vertical-align` both the span and the
icon. Eventually, this should be put into core (see
I029f97ba9d5e7f46c8aa175d9a6bbb45ef9615df) but we have to remove all the
overrides that use vertical-align first.

Bug: T287522
Change-Id: Ie0fbff9dfaf8444c76125df52931a687730b4ad1
2021-08-12 14:04:46 -06:00
..
DropDownList.less Add minerva-animations-ready CSS class in Minerva 2020-01-09 13:58:37 -07:00
MenuListItem.less Use text-overflow: ellipsis on .mw-ui-icon-before span elements 2021-08-12 14:04:46 -06:00
ToggleList.js build: Update eslint-config-wikimedia to 0.16.0 2020-06-04 08:39:32 -07:00
ToggleList.less Use correctly named variables background-color-base and color-base--inverted 2020-06-25 19:07:12 +00:00
ToggleList.mustache
ToggleListItem.mustache Remove .toggle-list-item__icon selector 2021-08-05 16:01:53 -06:00