| Volker_E | |
| Aug 24 2021, 9:34 PM |
| F34644106: updated language button.webm | |
| Sep 15 2021, 4:24 PM |
| F34627694: kuva.png | |
| Sep 1 2021, 11:42 AM |
| F34619708: Screen Shot 2021-08-25 at 11.36.40 AM.png | |
| Aug 25 2021, 3:37 PM |
| F34619061: image.png | |
| Aug 24 2021, 9:34 PM |
| F34619059: image.png | |
| Aug 24 2021, 9:34 PM |
List of steps to reproduce (step by step, including full links if applicable):
What happens?:
The ULS language switcher icon increases in size
| Initital | Focussed |
 |  |
What should have happened instead?:
The icons size should stay the same.
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Open | None | T289839 Update current language selector to incorporate key improvements form the new design | |||
| Resolved | BUG REPORT | ovasileva | T289630 Language icon increases in size when TypeaheadSearch input is focussed/language switcher is clicked |
The language icon is provided by ULS not Vector. It looks like the ULS icon uses background-size: contain; rather than background-size: 20px; so will grow with any changes to the surrounding elements in a flex box layout.
@Jdlrobson @ovasileva should this be a general task about fixing the ULS button in the site header? It currently doesn't match the other buttons: font-weight is off, icon sizing, no hover state
Probably, but who's going to do this? The language team or the web team? The web team still has little experience and confidence in touching that extension without hand-holding from the language team.
@Nikerabbit, @Pginer-WMF - seems like we have another request for you all. Do you think you might have some capacity to help us with this task? From our side, current priority has increased somewhat since we are planning on adding mediawiki to our list of pilot wikis
Sure. I added it to our sprint board. A first glance does not seem a complex change, but I'll check with the engineers on the team.
Change 715268 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):
[mediawiki/extensions/UniversalLanguageSelector@master] Language button icon/button should be consistent with other buttons
Change 715759 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):
[mediawiki/skins/Vector@master] Skin style for ULS no longer needed
Change 715760 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):
[mediawiki/extensions/UniversalLanguageSelector@master] Pull out Vector personal tools styles into skinStyle
Change 715268 merged by jenkins-bot:
[mediawiki/extensions/UniversalLanguageSelector@master] Language button icon/button should be consistent with other buttons
I QAd the merged patch on translatewiki.net. Assuming this is not a transitional issue until other patches are merged, I'm posting the results:
On all skins (Timeless, Vector, Monobook), the icon gets duplicated after the personal toolbar language element is activated. Example in Vector:
On Timeless and Vector (but not Monobook), the text is now bold black instead of blue. Not sure if this is expected, but it looks inconsistent.
On all skins the element now lacks all focus indicator (keyboard focus and active element focus), which it used to have.
Change 715992 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):
[mediawiki/extensions/UniversalLanguageSelector@master] Register meta data to allow Vector to handle display of this menu item
Change 715084 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):
[mediawiki/skins/Vector@master] Separate icon classes from button classes in user links/language
Change 715084 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):
[mediawiki/skins/Vector@master] Separate icon classes from button classes in user links/language
Change 715084 merged by jenkins-bot:
[mediawiki/skins/Vector@master] Simplify how we generate icons and button classes in Vector
Change 715992 merged by jenkins-bot:
[mediawiki/extensions/UniversalLanguageSelector@master] Register meta data to allow Vector to handle display of this menu item
Change 715759 merged by jenkins-bot:
[mediawiki/skins/Vector@master] Skin style for ULS no longer needed
Change 715760 merged by jenkins-bot:
[mediawiki/extensions/UniversalLanguageSelector@master] Pull out Vector personal tools styles into skinStyle
checked on Office WIki and language button looks great! and the size increase issue is no longer occurring