Steps to replicate:
- see this Arabic article with vector 2022 skin.
- go to the table of content on the right hand and find the level 2 heading named "وصف اللوح المحفوظ" and check the arrow before the section title.
- now see this Persian article with the same skin.
- again, go to the table of content and find level 2 heading named "بررسی اجمالی" and see the arrow before the title.
- inspect .sidebar-toc class for both pages and check the padding values (right and left paddings are swapped for Persian Wikipedia using Common.css as explained below).
description and proposed solution:
As you can see, in the arwiki, which uses rtl configuration, the arrow before the collapsible section titles (level 2 headings which have level 3 subsections) is incorrectly shown. this issue is present in all rtl wikis such as hewiki (example).
The value entered for right and left padding in .sidebar-toc class is the same in all rtl and ltr wikis, while the right and left padding values should be swapped when the direction is different.
We earlier addressed the issue in fawiki (reported here) and implemented a temporary solution at w:fa:MediaWiki:Common.css#L-11:
.sidebar-toc {
padding: 20px calc(15px + 0.75em) 20px 12px;
}The value for right padding in rtl wikis should be calculated using calc(15px + 0.75em). in ltr wikis, this value is considered for left padding (for example, inspect .sidebar-toc class in this English article).
Developer notes
CSSJanus doesn't seem to flip calc values, so we should either:
- not use calc
- Per reporter suggestion add a rule .rtl .sidebar-toc { 20px 12px 20px calc(15px + 0.75em); }
QA asteps
- Test AC1
- Test the Bengali issue
- Uncollapse the collapsible headings in the ToC to see sub-headings
- Test https://ar.wikipedia.org/wiki/%D8%AC%D8%AF%D8%A7%D8%A1_%D9%86%D9%82%D8%B7%D9%8A?uselang=ar
QA Results - Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T314652#8183797 |
QA Results - Prod
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T314652#8187278 |
QA Results - Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T314652#8252228 |
QA Results - Prod
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T314652#8262908 |
