892545 - UI update for different localize version

Status: RESOLVED FIXED

(Webmaker Graveyard :: Localization, defect)

Description

[Ali Al Dallal [:alicoding]]

We are going to face a lot of problems on the UI part of the site once all of our webmaker pages localized, and the know languages that I'm sure we are going to have a problem with would be the right to left:

Arabic and Hebrew.

These two definitely we would have to do a new UI or something to make sure that it won't messed up.

And for other languages such as Thai, Russian and Chinese as we have tested these and we find that the font looks not very nice at all, and we also have problem with font size or length that really messed up the design.

We need to test and come up with each CSS style for each locale to make sure we won't have design issue in the future.

Comment 1

[Igor Entaltsev [:igoryen]]

cassiemc, 
These are some screenshots of the Russian version of the wm.org

String length issue:
https://dl-web.dropbox.com/spa/49xeskca52abzlc/9g109uge.png
https://dl-web.dropbox.com/spa/49xeskca52abzlc/hv0orab_.png

Comment 2

[Igor Entaltsev [:igoryen]]

The phrase on button 2 on screenshot 2 is actually two words, but only one word is showing.

Comment 3

[Igor Entaltsev [:igoryen]]

Issues regarging the webmaker-events module.
1. Issues with input boxes when localized:
1.1. Placeholder strings don't fit into the input boxes:
1.1.1. neither lengthwise:
https://dl-web.dropbox.com/spa/49xeskca52abzlc/yurzxs0h.png (“End date”)
https://dl-web.dropbox.com/spa/49xeskca52abzlc/z6obzfif.png (“Give an awesome title so people will come”)
1.1.2. nor widthwise:
https://dl-web.dropbox.com/spa/49xeskca52abzlc/10zad3he.png (“Enter a location” and “Link to reg'n page”)
1.2. input box titles get shifted out of place when localized:
 https://dl-web.dropbox.com/spa/49xeskca52abzlc/-m6uwy6x.png

1.3. The Find Event input box's drop-down geographical menu has a fixed length. It would help a lot if it could expand lengthwise. When localized, if the Google's geographical search is listing locations with the country name at the beginning of the string and the city name at the end of the string, and the user enters the city name first, then as the autocomplete starts the user can only see the first part of the string and thus can't see the city name they are entering.
https://dl-web.dropbox.com/spa/49xeskca52abzlc/0yppx4ej.png

Comment 4

[Igor Entaltsev [:igoryen]]

Some more less than graceful points:

/mentor
- when the string becomes too long:
1) https://dl-web.dropbox.com/spa/49xeskca52abzlc/jwclr133.png
2) https://dl-web.dropbox.com/spa/49xeskca52abzlc/vheginz2.png
3) https://dl-web.dropbox.com/spa/49xeskca52abzlc/33jzxyxl.png
/tools
4) https://dl-web.dropbox.com/spa/49xeskca52abzlc/-x3n20l7.png
/event-guides
5) https://dl-web.dropbox.com/spa/49xeskca52abzlc/1r-f4lfz.png
6) https://dl-web.dropbox.com/spa/49xeskca52abzlc/fm5_n5xz.png
7) https://dl-web.dropbox.com/spa/49xeskca52abzlc/0wmwlq1s.png