"did not finish" should be small, should not show star rating
[books.alexwlchan.net] / templates / _review_entry.html
index 1c4cec3..65fd6d0 100644 (file)
@@ -3,28 +3,7 @@
 {% set b = (tint_colors[review_entry.book.cover_image][2] * 255) | int %}
 
 <style>
-  #review_preview_{{ r }}_{{ g }}_{{ b }} {
-    background: rgba({{ r }}, {{ g }}, {{ b }}, 0.05);
-    border-color: rgb({{ r }}, {{ g }}, {{ b }});
-  }
-
-{% if review_entry.review.rating == 5 %}
-  #review_preview_{{ r }}_{{ g }}_{{ b }}.review_fave {
-    background: rgba({{ r }}, {{ g }}, {{ b }}, 0.2);
-    border-color: rgb({{ r }}, {{ g }}, {{ b }});
-    border-width: 3px;
-    margin-left:  -1px;
-    margin-right: -1px;
-  }
-{% endif %}
-
-  #review_preview_{{ r }}_{{ g }}_{{ b }} a:hover {
-    background: rgba({{ r }}, {{ g }}, {{ b }}, 0.3);
-  }
-
-  #review_preview_{{ r }}_{{ g }}_{{ b }} .review_preview img {
-    box-shadow: 0px 2.5px 2.5px rgba({{ r }}, {{ g }}, {{ b }}, 0.25);
-  }
+  {% include "_review_style.css" %}
 </style>
 
 <div class="review_preview {% if review_entry.review.rating == 5 and not is_index %}review_fave{% endif %}"
@@ -48,16 +27,21 @@ id="review_preview_{{ r }}_{{ g }}_{{ b }}">
           read {{ review_entry.review.date_read | render_date }}
             <br/>
           {% endif %}
-          {% if review_entry.review.rating %}
-            {% for _ in range(review_entry.review.rating) %}
+
+          {% if review_entry.review.rating and not review_entry.review.did_not_finish %}
+            <span class="star_rating">
+
+            {% for _ in range(review_entry.review.rating) -%}
             ★
-            {% endfor %}
-            {% for _ in range(5 - review_entry.review.rating) %}
+            {%- endfor -%}
+            {%- for _ in range(5 - review_entry.review.rating) -%}
             ☆
-            {% endfor %}
+            {%- endfor %}
           {% endif %}
+          </span>
+
           {% if review_entry.review.did_not_finish %}
-            (did not finish)
+          (did not finish)
           {% endif %}
         </small>
       </p>