Page MenuHomePhabricator

The TT icon overlaps with the "select font" link when wgBetterDirectionality is enabled
Closed, ResolvedPublic

Description

Robin's wgBetterDirectionality improvement was enabled in translatewiki.net recently. It greatly improves the handling of right-to-left languages there.

There's a problem with WebFonts, however: When the user's interface languages in the preferences is an RTL language, for example Hebrew, the TT (TrueType) icon near the font selection link in the top menu overlaps with the link text.

It is currently implemented as a CSS background-image property and the position is 0 60%, where 0 probably means "top left"; for RTL languages this is wrong. Maybe it can become a simple img tag before the link.


Version: unspecified
Severity: normal

Details

Reference
bz29609

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 21 2014, 11:35 PM
bzimport set Reference to bz29609.

Reopening; there are other regressions with r90972 (see CR comments: z-index issue at least)

Indeed, the search box overlaps the font selection link. It should probably be right-aligned (next to the user name), as in LTR (i.e. RTL should mirror LTR).

z-index issue fixed in r91077

Added the page directionality condition in r91179 . I am using $('body').hasClass('rtl') for finding the page direction. ( '#p-personal ul' ).attr('dir') does not give the value if wgBetterDirectionality is disabled. Using the rtl class of body is consistent. Is there a better way to do this? Or is this fine?

It works correctly, as far as I can see.

(marked as resolved)