Corrected bug in stars display
authorveltr
Thu, 02 May 2013 15:09:41 +0200
changeset 61 411c8eb7f574
parent 60 2169ca441eb3
child 62 1f6b7dce650c
Corrected bug in stars display
integ/iri-buzz.html
integ/iri/css/iri-buzz.css
--- a/integ/iri-buzz.html	Thu May 02 14:52:38 2013 +0200
+++ b/integ/iri-buzz.html	Thu May 02 15:09:41 2013 +0200
@@ -93,13 +93,13 @@
 	</footer>
 	
     <div id="comment">
-        <div class="comment-content clearfix wanttosee">
+        <div class="comment-content clearfix rate">
             <div class="avatar"><img src="" alt="Avatar" /></div>
             <div class="comment-right">
                 <div class="comment-metadata">
                     <span class="username">{{auteur}}</span>
                     <span class="date">{{Date}}</span>
-                    <ul class="stars-rating rate-3.5">
+                    <ul class="stars-rating rate-5.0">
                         <li></li><li></li><li></li><li></li><li></li>
                     </ul>
                 </div>
--- a/integ/iri/css/iri-buzz.css	Thu May 02 14:52:38 2013 +0200
+++ b/integ/iri/css/iri-buzz.css	Thu May 02 15:09:41 2013 +0200
@@ -164,7 +164,7 @@
 }
 .rate .stars-rating li {
     margin-right: 3px;
-    background: url(../img/rating-stars-large.png) top right no-repeat;
+    background: url(../img/rating-stars-large.png) top left no-repeat;
     width: 21px;
     height: 21px;
     display: inline-block;
@@ -175,30 +175,20 @@
 .stars-rating li:last-child {
     margin-right: 0;
 }
-.rate-1\.0 li:first-child,
-.rate-1\.5 li:first-child,
-.rate-2\.0 li:first-child,
-.rate-2\.0 li:nth-child(2),
-.rate-2\.5 li:first-child,
-.rate-2\.5 li:nth-child(2),
-.rate-3\.0 li:first-child,
-.rate-3\.0 li:nth-child(2),
-.rate-3\.0 li:nth-child(3),
-.rate-3\.5 li:first-child,
-.rate-3\.5 li:nth-child(2),
-.rate-3\.5 li:nth-child(3),
-.rate-4\.0 li:first-child,
-.rate-4\.0 li:nth-child(2),
-.rate-4\.0 li:nth-child(3),
-.rate-4\.0 li:nth-child(4),
-.rate-4\.5 li:first-child,
-.rate-4\.5 li:nth-child(2),
-.rate-4\.5 li:nth-child(3),
-.rate-4\.5 li:nth-child(4),
-.rate-5\.0 li {
-    background-position: top left;
+.rate-0\.0 li:nth-child(n+1),
+.rate-0\.5 li:nth-child(n+1),
+.rate-1\.0 li:nth-child(n+2),
+.rate-1\.5 li:nth-child(n+2),
+.rate-2\.0 li:nth-child(n+3),
+.rate-2\.5 li:nth-child(n+3),
+.rate-3\.0 li:nth-child(n+4),
+.rate-3\.5 li:nth-child(n+4),
+.rate-4\.0 li:nth-child(n+5),
+.rate-4\.5 li:nth-child(n+5) {
+    background-position: top right;
 }
 
+.rate-0\.5 li:first-child,
 .rate-1\.5 li:nth-child(2),
 .rate-2\.5 li:nth-child(3),
 .rate-3\.5 li:nth-child(4),