[wp-trac] [WordPress Trac] #29321: Improve styling of reviews in plugin details modal

[WordPress Trac]

#29321: Improve styling of reviews in plugin details modal
-----------------------------------+--------------------
 Reporter:  Clorith                |       Owner:
     Type:  defect (bug)           |      Status:  new
 Priority:  normal                 |   Milestone:  4.0
Component:  Plugins                |     Version:  trunk
 Severity:  normal                 |  Resolution:
 Keywords:  has-patch ui-feedback  |     Focuses:  ui
-----------------------------------+--------------------
Changes (by Clorith):

 * keywords:   => has-patch ui-feedback


Comment:

 Took the liberty of plotting up a slight change to the API output from
 wp.org for the individual reviews. Also attached
 [https://core.trac.wordpress.org/attachment/ticket/29321/29321.patch
 29321.patch] based on the proposed change to the format that will style
 things as suggested above.

 It also changes the string for the rating, I don't know if this will have
 an impact in any way regarding string freeze, but I felt that saying "x
 rating" doesn't help those who rely on screen readers.
 The new format tells them the range of the rating in the format of "Rated
 X our of Y" which I personally (probably up for discussion) think is
 better.

 {{{
 <div class="review">
         <div class="review-head">
                 <div class="reviewer-avatar">
                         <a href="//profiles.wordpress.org/Clorith"
 target="_blank"><img alt=""
 src="https://secure.gravatar.com/avatar/93de37a5f38e3a34568814ac7b1bfb75?s=36&d=monsterid&r=g"
 class="photo avatar avatar-36"></a>
                 </div>
                 <div class="reviewer-info">
                         <div class="review-title-section">
                                 <h4>This is the review title</h4>
                         </div>
                         <div class="star-rating"><span class="screen-
 reader-text">Rated 4 out of 5</span><div class="star star-full"></div><div
 class="star star-full"></div><div class="star star-full"></div><div
 class="star star-full"></div><div class="star star-empty"></div></div>

                         <div class="review-meta">
                                 By <a
 href="//profiles.wordpress.org/Clorith" target="_blank">Clorith</a>,
                                 <span class="review-date">August 23,
 2014</span>
                                 <span class="review-wp-version">for WP
 4.0</span>
                         </div>
                 </div>
         </div>
         <div class="review-body">
                 <p>
                         This is the review body.
                 </p>
         </div>
 </div>
 }}}

--
Ticket URL: <https://core.trac.wordpress.org/ticket/29321#comment:4>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform