1007105 - [tarako][Special for Tamil].go into the clock, alarm clock interface date overlay with the new alarm icon

Status: RESOLVED FIXED

(Firefox OS Graveyard :: Gaia::Clock, defect)

Description

[jingmei.zhang]

Attachment: 20140506008.jpg

1.The system language settings for Tamil,enter the clock
2.alarm clock interface date overlay with the new alarm icon
see the picture in the attachment

Comment 1

[bhavana bajaj [:bajaj]]

Since Tamil is one of the locales for shipping market we should fix this bug, blocking on the issue. NI'ing :doliver to see if someone from productivity can help here.

Comment 2

[Dylan Oliver [:doliver]]

It's quite late to work on any new layout of the elements here. Can this be addressed via abbreviations in l10n? How does it look in the day view of Calendar? I think there is less screen width available in that app than there is in Clock.

Comment 3

[howie [:howie]]

Seems like a clock issue, changing component to Clock

Comment 4

[James Zhang (Spreadtrum)]

shrink font size to workaround.

Comment 5

[Dylan Oliver [:doliver]]

Can you provide a shot of the full screen and some more information about how frequently this happens? Which dates are most likely to show this overlap?

The font already feels fairly small to me and I still wonder if there's a better solution with l10n abbreviation instead.

Comment 6

[James Zhang (Spreadtrum)]

Jingmei, more information please.
Thomas and Kaizhen, Please add Tamil git repo to b2g-manifest, then you can reproduce this issue on you side.

Comment 7

[Kai-Zhen Li [:seinlin][:kli]]

I can reproduce it. This happens only when "week day" or "Month" in Tamil is long string.
For example to display "Friday, May 8" in Tamil is OK,
But it is too long to display "Monday, September 8" etc.

Jugglinmike, could you give some suggestion on this?

Omega, From UX point of veiw, is it possible to use abbrivation for it?

Thanks!

Comment 8

[jingmei.zhang]

Attachment: attachment1.PNG

Comment 9

[Marcus Cavanaugh [:mcav]]

[Taking Mike's needinfo; he's stepped down to a peer due to time constraints.]

As per Dylan's comment 5, the font is already small as-is. If there's an abbreviation or shorter version, that would be ideal, rather than trying to shrink the font size. There are many strings throughout FxOS that would have a similar problem of excessive string length, particularly if this is a Month/Date string particular to this locale.

Comment 10

[Omega Feng [:Omega] [:馮於懋]]

ni? Clock UX owner Juwei.
How do you think?
(You can discuss with Wilfred. His mother tongue is Tamil.)

Comment 11

[jingmei.zhang]

Attachment: attachment2.PNG

(In reply to Dylan Oliver [:doliver] from comment #5)
> Can you provide a shot of the full screen and some more information about
> how frequently this happens? Which dates are most likely to show this
> overlap?
> 
> The font already feels fairly small to me and I still wonder if there's a
> better solution with l10n abbreviation instead.
the full screen shot is shown in the attachment in comment8.
1)the frequency is 100%
2)I have tired to change the font-size in the relevant css file,then the problem could be solved in tamil. but other languages which don't have the problem are changed too.
3)this is not a Gaia::Clock problem,in music module,problem are appear once more.as the picture shown in the following attachment.
4)so,could we only adjust the font-size of tamil on the whole?

Comment 12

[[:fabrice] Fabrice Desré]

Can't we wrap these strings?

Comment 13

[Kai-Zhen Li [:seinlin][:kli]]

(In reply to Omega Feng [:Omega] from comment #10)
> ni? Clock UX owner Juwei.
> How do you think?
> (You can discuss with Wilfred. His mother tongue is Tamil.)

Omega, Thanks!

Juwei, if you need more information you can contact and discuss with me. I am on partner site, so I can discuss with them closely.

Comment 14

[jingmei.zhang]

Attachment: attachment3.PNG

a similar problem caused by tamil in calendar as is shown in attachment3 [details] [diff] [review].

Comment 15

[Juwei Huang[:juwei]]

Echo Marcus & Dylan, an abbreviation might be the proper way to solve this problem rather than shrink the font size.

Comment 16

[Kai-Zhen Li [:seinlin][:kli]]

Attachment: clock_2_line.png

Juewi, I think this is also a possible solution for this. Is it good for UX?

iliu, This is when Month and weekday are too long, it will seperate into two lines. If this is good for UX, is it easy to make it always with two line?

Comment 17

[[e-mail], [e-mail]]

Kai-Zhen, this is possible to reduce the width(screen width - margin left - icon width) of div for "Day, Date". And it's easy to let it in two lines. 

Somehow, I would like to keep it in one line via abbreviation personally. Looks like UX also want to fix via abbreviation in comment 15. And comment 9 is clear to figure out the better solution for these truncated issue in different locale.

Comment 18

[Juwei Huang[:juwei]]

Echo Ian:)
I also suggest to take abbreviation as the first priority to solve this bug. Making the header into two lines may not looks balance in UI, and it may not a long-term solution as well.

Is there any people we can contact to (such as L10N team?) and give us some advice? I'm sure other OS platform may encounter this issue as well. It would be great if we can have some advice from localization team.

Comment 19

[Joe Cheng [:jcheng] (please needinfo)]

ni? l10n for suggestions base on comment 18

Comment 20

[Francesco Lodolo [:flod]]

We usually don't have such problems in desktop (Firefox) while we have on Android, and the solution is usually to abbreviate the string. 

You can take a look at bug 892075 and it dependencies to see how badly truncation has been hurting us on Firefox OS. Bug 908300 is trying to find a solution for truncated headers, but that wouldn't solve any of the issues I see in the attached screenshots.

In general, UX should be designed for much longer strings, and that's not always happening. I take these screenshots are on 1.3, because I fixed at least the "All day" alignment in Calendar.

Comment 21

[Axel Hecht [:Pike]]

There's not really a general advice, for each string you'll need to have a conversation with the localizers. In this case, I suspect that's the vendor that sprd has.

One way to start would be to verify the issue on a master build with Tamil. I don't think mozilla produces one at this point, sadly.

Often, a trick is to take advantage of the precise context of the string. Like "full" instead of "all day".

hours-allday in our repo for Tamil (for 2.0) is எல்லா நாளும், that doesn't look like the string on the device.

Also, the font looks like it has issues with it's baseline data or something. Does sprd have an expert for fonts?

Comment 22

[Francesco Lodolo [:flod]]

Some other notes:
* on master "Shuffle all" is not overlapping, it's translated as "அனைத்தையும் கலக்கு"
* to fix the issue on clock, it should possible to switch %A or %B in dateFormat to their short version (%a or %B). We have at least a couple of locales doing that

Comment 23

[Joe Cheng [:jcheng] (please needinfo)]

ni? James to work with localizer to abbreviate the strings

Comment 24

[James Zhang (Spreadtrum)]

Fixed on my side.
l10n/ta/gaia git repo

commit 16f7e637a5ae6cd5d021b3189aa9e5c7932aaa24
Author: [e-mail] <[e-mail]>
Date:   Fri May 16 14:01:07 2014 +0800

    Bug #309408 to modify the dateFormat as 'short' for string is too long on Tamil
    
    [bug number  ] 309408
    [root cause  ] dateFormat is 'long' and string is too long on Tamil
    [changes     ]
    [side effects]
    [self test   ] pass
    [reviewers   ]
    
    Change-Id: If46034dc81d19c2b6daa85394dc202fd8e071507

diff --git a/apps/clock/clock.properties b/apps/clock/clock.properties
index 8bdfdfa..e396f2a 100644
--- a/apps/clock/clock.properties
+++ b/apps/clock/clock.properties
@@ -38,7 +38,7 @@ never = எப்போதும் இல்லை
 vibrateOn = ஆன்
 vibrateOff = ஆஃப்
 # see http://www.cplusplus.com/reference/clibrary/ctime/strftime/
-dateFormat = %A, %B %e
+dateFormat = %a, %b %e
 countdown-lessThanAnHour = இப்போதிலிருந்து <strong>{{minutes}}</strong>க்கு அலாரம் அமைக்கப்பட்டுள்ளது.
 countdown-moreThanAnHour = இப்போதிலிருந்து {{hours}} {{minutes}}க்கு அலாரம் அமைக்கப்பட்டுள்ளது.
 countdown-moreThanADay = இப்போதிலிருந்து {{days}} {{hours}}க்கு அலாரம் அமைக்கப்பட்டுள்ளது.