[wp-trac] [WordPress Trac] #46032: Plugin details text direction layout (RTL)

[WordPress Trac]

#46032: Plugin details text direction layout (RTL)
-------------------------------------+-----------------------------------
 Reporter:  nabilmoqbel              |      Owner:  (none)
     Type:  defect (bug)             |     Status:  new
 Priority:  normal                   |  Milestone:  Awaiting Review
Component:  Administration           |    Version:  5.0.3
 Severity:  normal                   |   Keywords:  ui-feedback has-patch
  Focuses:  ui, rtl, administration  |
-------------------------------------+-----------------------------------
 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,

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/46032>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform