Fixed leaderboard rankings with the help of some CSS 3 trickery.

I guess it needs to be this way until this is fixed meteor/meteor#489
oyvinmar · Oct 4, 2013 · 4d0bd10 · 4d0bd10
1 parent f6d93f4
commit 4d0bd10
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/client/css/programming-ladder.less b/client/css/programming-ladder.less
@@ -38,6 +38,20 @@ form .editor {
 		margin-right: 5px
 	}	
 }
+
+/* Hack for leaderboard ranking until this is fixed
+https://github.com/meteor/meteor/issues/489
+*/
+.leaderboard {
+	counter-reset: rank;
+}
+.rank::before {
+	counter-increment: rank;
+	content: counter(rank)".";
+}
+
+
+
 .edit-problem-buttons {
 	button:not(:last-child) {
 		margin-right: 15px;

diff --git a/client/views/leaderboard/leaderboard.html b/client/views/leaderboard/leaderboard.html
@@ -1,5 +1,5 @@
 <template name="leaderboard">
-  <table class="table table-striped table-hover">
+  <table class="leaderboard table table-striped table-hover">
     <tr>
       <th>#</th>
       <th>User</th>
@@ -10,7 +10,7 @@
     </tr>
     {{#each users}}
       <tr>
-        <td>1</td>
+        <td class="rank"><!--Empty on purpose. Handled through CSS --></td>
         <td>{{username}}</td>
         <td>{{score}}</td>
         {{#if currentIsAdmin}}