Page MenuHomePhabricator

In Wikidata Query tool the filter tooltip arrow looks broken in RTL languages
Open, Needs TriagePublic

Description

Screenshot:

Screenshot-2018-2-2 Wikidata Query Service.png (396×588 px, 12 KB)

Notice how the arrow at the top looks like two triangles.

In English it's just one nice clear triangle.

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

It looks like the arrow element has style="left: 53.2%" which needs to be left, and in CSS it also has an ::after with a margin-left which needs to become a margin-right.

For the style, AFAICT specifying both left and right to the same value should work – according to MDN, in that case left is used in LTR containers and right in RTL containers. For the margin, there’s a direction-sensitive margin-inline-start, but it’s only supported by Firefox at the moment :(

Amire80 renamed this task from In Wikidata Query tool the tooltip arrow looks broken in RTL languages to In Wikidata Query tool the filter tooltip arrow looks broken in RTL languages.Mar 18 2018, 9:44 AM