Featured, etc. badges are not shown in the ULS panel in Compact Language Links
Related: T70071.
Amire80 | |
Mar 30 2016, 8:44 AM |
F4106952: pasted_file | |
Jun 3 2016, 9:43 AM |
F4102311: pasted_file | |
Jun 2 2016, 7:22 AM |
F4102275: pasted_file | |
Jun 2 2016, 7:22 AM |
Featured, etc. badges are not shown in the ULS panel in Compact Language Links
Related: T70071.
Project | Branch | Lines +/- | Subject | |
---|---|---|---|---|
mediawiki/extensions/UniversalLanguageSelector | master | +37 -23 | Show badges in ULS language list |
The matter is discussed at https://www.mediawiki.org/wiki/Talk:Universal_Language_Selector/Design/Interlanguage_links#Attributes_of_the_links
How does this task differ from T66797?
Change 292180 had a related patch set uploaded (by Nikerabbit):
WIP: show badges in ULS language list
This is what I currently have. It is not ideal as the badges are pushing the language names to the left. However, overflow: hidden makes list bullets not render and I have not found a work around to truncating long language names while having the bullets render.
In the last photo, ignore the search bar. The wrong alignment is caused by debug mode in combination with uselang.
Without overlow and allowing breaking long lines:
Bullet is at correct position now, but broken line looks like a new language item
@Pginer-WMF Comments?
Is it not possible to crop items at max width and use ellipsis as we currently do?
With the current design most of the languages fit in one line, and enough context was shown for the few that did not.
Is it not possible to crop items at max width and use ellipsis as we currently do?
Bullets and maxwidth+ellipse at overflow styles are not compatible. Bulletes will disappear when overflow happens
Would it be possible to wrap elements so that the bullet list do not hide overflow but items inside it do? I tried to capture the idea in this codepen.
I tried it unsuccessfully. The width limitation is on the ul element, and that is dynamic. I have illustrated the issue in this codepen. It kind of works if I add width: 100% to a but there is extra whitespace and text is no longer aligned with the bullets.