Plugin details text direction layout (RTL)

[nabilmoqbel]

Hi,

This RTL CSS minor was noticed before 5.0 release, but with increasing number of plugins that have been translated to RTL languages! It would be nice fix it at present.

In the plugin details screen, when site language or admin choosing RTL panel:

Text direction for plugin Description, Changelog, Screenshots captions, and Reviews tabs appears LTR and some phrases become not quickly understood.

(Screenshot attached ​https://moqbel.net/s/WP-admin-plugins-description-RTL-PrtScn).

In this case (especially for those plugins that have been translated to any RTL language) I think the following needs to be fixed:

direction: ltr;

#plugin-information .section {
    direction: rtl;
}

And for section ul class:

margin-left: 24px;

#plugin-information .section ol, #plugin-information .section ul {
    list-style-type: disc;
    margin-right: 24px;
}

---

For Reviews tab (RTL):

1. star-rating:

float: left;

#plugin-information .reviewer-info .star-rating {
    float: right;
}

2. review-title-section h4

float: left;

margin: 0 6px 0 0;

#plugin-information .review-title-section h4 {
    display: inline-block;
    float: right;
    margin: 0 0 0 6px;
}

3. reviewer-info .avatar

float: left;

margin: 4px 6px 0 0;

#plugin-information .reviewer-info .avatar {
    float: right;
    margin: 4px 0 0 6px;
}

---

Finally will be displayed correctly as this PrtScn:

​https://moqbel.net/s/WP-admin-plugins-description-RTL-PrtScn-fixed

Many thanks,

[nabilmoqbel]

Plugins description RTL

[mukesh27]

Patch.

[mukesh27]

Hi @nabilmoqbel, Welcome to WordPres Trac! Thanks for the report.

Good catch.

[nabilmoqbel]

Hi @mukesh27, You're welcome.
Thank you for that!

[man4toman]

Hi everyone,
The patch must be on none-rtl version of CSS file.
I attach new one.