Commit 68b1e8b75d73d7be681cd641f023f9e50ddcc5ce

Authored by Victor Costa
1 parent e0df815c

Refactor rating stars in dashboard

public/style.css
@@ -44,6 +44,8 @@ @@ -44,6 +44,8 @@
44 44
45 .gamification .badge { 45 .gamification .badge {
46 text-align: center; 46 text-align: center;
  47 + margin-bottom: 4px;
  48 + min-height: 150px;
47 } 49 }
48 50
49 .gamification .badge.not-earned { 51 .gamification .badge.not-earned {
@@ -197,24 +199,23 @@ @@ -197,24 +199,23 @@
197 199
198 /* Star Rating */ 200 /* Star Rating */
199 201
200 -.rating { 202 +.gamification-dashboard .rating {
201 padding: 0px; 203 padding: 0px;
  204 + line-height: 30px;
202 } 205 }
203 206
204 -.rating > span { 207 +.gamification-dashboard .rating .star {
205 display: inline-block; 208 display: inline-block;
206 - position: relative;  
207 font-size: 32px; 209 font-size: 32px;
208 width: 1.1em; 210 width: 1.1em;
209 - bottom: 0px;  
210 margin: 0 -7px; 211 margin: 0 -7px;
211 - color: #C0C0C0; 212 + color: #E9E9E9;
  213 + vertical-align: top;
212 } 214 }
213 -.rating > span.earned:before {  
214 - content: "\2605";  
215 - position: absolute; 215 +.gamification-dashboard .rating .star.earned {
216 color: #FFE13D; 216 color: #FFE13D;
217 font-size: 42px; 217 font-size: 42px;
218 top: -7px; 218 top: -7px;
219 left: 0px; 219 left: 0px;
  220 + margin: 0 -12px;
220 } 221 }
views/gamification/dashboard.html.erb
@@ -44,7 +44,7 @@ @@ -44,7 +44,7 @@
44 <div class="image <%= badge.name %>"></div> 44 <div class="image <%= badge.name %>"></div>
45 <ul class="level rating"> 45 <ul class="level rating">
46 <% 1.upto(badge.level).map do |n|%> 46 <% 1.upto(badge.level).map do |n|%>
47 - <span class="<%= (person_badge && person_badge.level >= n) ? 'earned' : 'not-earned' %>" > ☆ </span> 47 + <span class="star <%= (person_badge && person_badge.level >= n) ? 'earned' : 'not-earned' %>" >★</span>
48 <% end %> 48 <% end %>
49 </ul> 49 </ul>
50 <div class="title"><%= badge.title %></div> 50 <div class="title"><%= badge.title %></div>