Permalink
Browse files

ordered column is orange

  • Loading branch information...
paul-hammant committed Feb 18, 2012
1 parent e36b8a7 commit 85faff167b8c88826a27a07bd15d9cf28c4f7fc6
Showing with 18 additions and 14 deletions.
  1. +14 −14 navigator.html
  2. +4 −0 style/navigator.css
View
@@ -151,38 +151,38 @@
<tr class="columnTitles">
<th ng:show="c.status" class="status first">
<span ng:show="ord != '-passed' &amp;&amp; ord != 'passed' " ng:click="ord = 'passed'">Status<img src="images/arrow-blank.png"/></span>
- <span ng:show="ord == '-passed'" ng:click="ord = 'passed'">Status<img src="images/arrow-up.png"/></span>
- <span ng:show="ord == 'passed'" ng:click="ord = '-passed'">Status<img src="images/arrow-down.png"/></span>
+ <span class="ordered" ng:show="ord == '-passed'" ng:click="ord = 'passed'">Status<img src="images/arrow-up.png"/></span>
+ <span class="ordered" ng:show="ord == 'passed'" ng:click="ord = '-passed'">Status<img src="images/arrow-down.png"/></span>
</th>
<th ng:show="c.path" class="path">
<span ng:show="ord != '-path' &amp;&amp; ord != 'path' " ng:click="ord = 'path'">Path<img src="images/arrow-blank.png"/></span>
- <span ng:show="ord == '-path'" ng:click="ord = 'path'">Path<img src="images/arrow-up.png"/></span>
- <span ng:show="ord == 'path'" ng:click="ord = '-path'">Path<img src="images/arrow-down.png"/></span>
+ <span class="ordered" ng:show="ord == '-path'" ng:click="ord = 'path'">Path<img src="images/arrow-up.png"/></span>
+ <span class="ordered" ng:show="ord == 'path'" ng:click="ord = '-path'">Path<img src="images/arrow-down.png"/></span>
</th>
<th ng:show="c.description" class="description">
<span ng:show="ord != '-description' &amp;&amp; ord != 'description' " ng:click="ord = 'description'">Description<img src="images/arrow-blank.png"/></span>
- <span ng:show="ord == '-description'" ng:click="ord = 'description'">Description<img src="images/arrow-up.png"/></span>
- <span ng:show="ord == 'description'" ng:click="ord = '-description'">Description<img src="images/arrow-down.png"/></span
+ <span class="ordered" ng:show="ord == '-description'" ng:click="ord = 'description'">Description<img src="images/arrow-up.png"/></span>
+ <span class="ordered" ng:show="ord == 'description'" ng:click="ord = '-description'">Description<img src="images/arrow-down.png"/></span
</th>
<th ng:show="c.meta" class="meta">
<span ng:show="ord != '-meta' &amp;&amp; ord != 'meta' " ng:click="ord = 'meta'">Meta<img src="images/arrow-blank.png"/></span>
- <span ng:show="ord == '-meta'" ng:click="ord = 'meta'">Meta<img src="images/arrow-up.png"/></span>
- <span ng:show="ord == 'meta'" ng:click="ord = '-meta'">Meta<img src="images/arrow-down.png"/></span>
+ <span class="ordered" ng:show="ord == '-meta'" ng:click="ord = 'meta'">Meta<img src="images/arrow-up.png"/></span>
+ <span class="ordered" ng:show="ord == 'meta'" ng:click="ord = '-meta'">Meta<img src="images/arrow-down.png"/></span>
</th>
<th ng:show="c.narrative" class="narrative">
<span ng:show="ord != '-narrative' &amp;&amp; ord != 'narrative' " ng:click="ord = 'narrative'">Narrative<img src="images/arrow-blank.png"/></span>
- <span ng:show="ord == '-narrative'" ng:click="ord = 'narrative'">Narrative<img src="images/arrow-up.png"/></span>
- <span ng:show="ord == 'narrative'" ng:click="ord = '-narrative'">Narrative<img src="images/arrow-down.png"/></span>
+ <span class="ordered" ng:show="ord == '-narrative'" ng:click="ord = 'narrative'">Narrative<img src="images/arrow-up.png"/></span>
+ <span class="ordered" ng:show="ord == 'narrative'" ng:click="ord = '-narrative'">Narrative<img src="images/arrow-down.png"/></span>
</th>
<th ng:show="c.started" class="started">
<span ng:show="ord != '-started' &amp;&amp; ord != 'started' " ng:click="ord = 'started'">Started<img src="images/arrow-blank.png"/></span>
- <span ng:show="ord == '-started'" ng:click="ord = 'started'">Started<img src="images/arrow-up.png"/></span>
- <span ng:show="ord == 'started'" ng:click="ord = '-started'">Started<img src="images/arrow-down.png"/></span>
+ <span class="ordered" ng:show="ord == '-started'" ng:click="ord = 'started'">Started<img src="images/arrow-up.png"/></span>
+ <span class="ordered" ng:show="ord == 'started'" ng:click="ord = '-started'">Started<img src="images/arrow-down.png"/></span>
</th>
<th ng:show="c.duration" class="duration">
<span ng:show="ord != '-duration' &amp;&amp; ord != 'duration' " ng:click="ord = 'duration'">Duration<img src="images/arrow-blank.png"/></span>
- <span ng:show="ord == '-duration'" ng:click="ord = 'duration'">Duration<img src="images/arrow-up.png"/></span>
- <span ng:show="ord == 'duration'" ng:click="ord = '-duration'">Duration<img src="images/arrow-down.png"/></span>
+ <span class="ordered" ng:show="ord == '-duration'" ng:click="ord = 'duration'">Duration<img src="images/arrow-up.png"/></span>
+ <span class="ordered" ng:show="ord == 'duration'" ng:click="ord = '-duration'">Duration<img src="images/arrow-down.png"/></span>
</th>
</tr>
<tr>
View
@@ -64,6 +64,10 @@ thead th {
text-transform:uppercase;
}
+span.ordered {
+ color: #FF9900;
+}
+
thead tr.columnTitles th.first{
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;

0 comments on commit 85faff1

Please sign in to comment.