First category on FAQ page displays incorrectly in RTL languages

Description

On the FAQ page for RTL languages like Arabic, the first category is not properly aligned all the way to the right, although the other categories are.

It may be easier to understand the problem if you check the attached images or production, which both show more categories than staging has: Arabic FAQ on production.

This may fix it:

Activity

Show:
GoldenFalls
February 8, 2019, 2:46 AM

I inserted that CSS (using the Firefox browser inspect element stuff that also gives you access to the style sheets) and it works perfectly, bumping the first category down to fall in line with all the others.

Sarken
November 14, 2019, 8:38 AM

The categories clear the buttons on all screen sizes. Looks good!

redsummernight
November 18, 2019, 2:28 AM

lydia-theda:

issue 1, main issue: RTL bullets are now below buttons.
issue 2, general RTL thing: bullets are slightly further to the right than I would've expected
issue 3, unrelated to language direction: buttons creep up into the header on wider displays

Issue 2 is AO3-5822.

Issue 3 will be fixed once we localize the buttons. Sarken:

3 is a little weird at the moment because we don't have the whole site set up to handle RTL languages. Displaying on the line is normal, it's just that ideally they should be on the left side, and "Available Categories" should be in the RTL language
[...]
By the time we get it so "Available Categories" and the text on the buttons are translated, that will be fixed

DeployedToBeta

Assignee

Alix R

Reporter

Sarken

Roadmap

FAQ
Internationalization

Priority

Medium

Affects versions

Fix versions

Components

FrontEnd

Difficulty

Easy

Milestone

Internal 0.9
Configure