Merge pull request #2857 from bpeel/no-rating

Show “no rating” instead of blank stars if the review has no rating

bookwyrm/static/css/bookwyrm/components/_stars.scss

@@ -5,6 +5,10 @@
     white-space: nowrap;
 }
 
+.stars .no-rating {
+    font-style: italic;
+}
+
 /** Stars in a review form
  *
  * Specificity makes hovering taking over checked inputs.

bookwyrm/templates/book/book.html

@@ -190,6 +190,7 @@
                     <meta itemprop="bestRating" content="5">
                     <meta itemprop="reviewCount" content="{{ review_count }}">
 
+                    <span>
                         {% include 'snippets/stars.html' with rating=rating %}
 
                         {% blocktrans count counter=review_count trimmed %}
@@ -197,6 +198,7 @@
                         {% plural %}
                             ({{ review_count }} reviews)
                         {% endblocktrans %}
+                    </span>
                 </div>
 
                 {% with full=book|book_description itemprop='abstract' %}

bookwyrm/templates/snippets/stars.html

@@ -2,18 +2,14 @@
 {% load i18n %}
 
 <span class="stars">
-    <span class="is-sr-only">
     {% if rating %}
+        <span class="is-sr-only">
             {% blocktranslate trimmed with rating=rating|floatformat:0 count counter=rating|floatformat:0|add:0 %}
                 {{ rating }} star
             {% plural %}
                 {{ rating }} stars
             {% endblocktranslate %}
-        {% else %}
-            {% trans "No rating" %}
-        {% endif %}
         </span>
-
         {% for i in '12345'|make_list %}
             <span
                 class="
@@ -23,5 +19,8 @@
                 aria-hidden="true"
             ></span>
         {% endfor %}
+    {% else %}
+        <span class="no-rating">{% trans "No rating" %}</span>
+    {% endif %}
 </span>
 {% endspaceless %}