WordPress.org

Make WordPress Core

Opened 11 months ago

Last modified 6 months ago

#46032 new defect (bug)

Plugin details text direction layout (RTL)

Reported by: nabilmoqbel Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Plugins Keywords: has-patch has-screenshots
Focuses: rtl, administration Cc:
PR Number:

Description

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;
}
  1. 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;
}
  1. 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,

Attachments (3)

plugins-description-RTL.png (458.8 KB) - added by nabilmoqbel 11 months ago.
Plugins description RTL
46032.diff (1.0 KB) - added by mukesh27 11 months ago.
Patch.
46032-common.css.patch (923 bytes) - added by man4toman 11 months ago.

Download all attachments as: .zip

Change History (8)

@nabilmoqbel
11 months ago

Plugins description RTL

@mukesh27
11 months ago

Patch.

#1 @mukesh27
11 months ago

  • Component changed from Administration to Plugins
  • Keywords has-screenshots added

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

Good catch.

#2 @nabilmoqbel
11 months ago

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

#3 @man4toman
11 months ago

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

Last edited 11 months ago by man4toman (previous) (diff)

#4 @nabilmoqbel
7 months ago

Hi, we have discussion before on Slack, thanks @dd32 for your time,

About the idea of adding a flag for RTL whether “readme is translated”.

Because even in that case of those plugins NOT translated ltr, it is quite clear, still be readable and does not change the meaning for any sentences.

But if any plugin even if one word translated, that sentence will become not clearly understood (As shown in the old image above).

For plugin name direction, is correct (Although the name does not show a problem on plugin header, even if it is not translated).

#5 @man4toman
6 months ago

  • Focuses ui removed
  • Keywords ui-feedback removed
  • Version 5.0.3 deleted
Note: See TracTickets for help on using tickets.