Widget titles - some characters cropped

[pavelevap]

Some characters are cropped in widget titles in administration, please see attached screenshot (using latest trunk, Chrome).

1) Current situation (cropped "j" characters").

2) Removing line-height: 1; shows all characters, but the whole title is moved a little down.

[alexvorn2]

maybe the problem is in the translated text?

[pavelevap]

I do not think so, tested also in original english version, you can see this problem for example at "Categories" widget.

[alexvorn2]

maybe to remove the overflow property instead of line-height...
not only j character is cropped but p, g also...

[nacin]

Is this a problem in 3.3, or just 3.4?

[pavelevap]

I noticed this problem also in 3.2.1.

[alexvorn2]

@nacin Version 3.3.2, 3.4 too

[azaozz]

This is dependent on the font and the browser. Generally line-height: 1; shouldn't hide the top and bottom bits of letters only make the lines "touch" vertically. However some browsers don't render this properly.

Thinking there are few more places where this may be happening.

(BTW, perhaps we need "CSS" component for things like this?)

[SergeyBiryukov]

To reproduce, move Tag Cloud widget to the Inactive Widgets area (20887.tag-cloud.png​).

20887.patch​ fixes that as well. Tested in Firefox 13, Chrome 19, IE 8, Opera 11.64.

[SergeyBiryukov]

Refreshed after [21592]

[lessbloat]

Added note about odd line height in CSS.

[lessbloat]

While I couldn't replicate the issue without the patch, after applying the patch, everything looks fine.

[SergeyBiryukov]

Tested again in Firefox 15, Chrome 22, IE 7, IE 8, Opera 12.

Could not reproduce Widget_titles.jpg​ or 20887.tag-cloud.png​ in current trunk.