Adding visual indicators to column sorting in HTML output

- Unicode arrows added to the end of text on a sorted column
- Sorted column header always have grey background

https://bitbucket.org/ned/coveragepy/issues/298

--HG--
branch : issues-298

1 files changed, 14 insertions, 0 deletions

diff --git a/coverage/htmlfiles/style.css b/coverage/htmlfiles/style.css
index 136cbb82..88a780a6 100644
--- a/coverage/htmlfiles/style.css
+++ b/coverage/htmlfiles/style.css
@@ -3,6 +3,7 @@
 
 /* CSS styles for coverage.py. */
 /* Page-wide styles */
+
 html, body, h1, h2, h3, p, table, td, th {
     margin: 0;
     padding: 0;
@@ -321,7 +322,20 @@ td.text {
     }
 #index th.headerSortDown, #index th.headerSortUp {
     border-bottom: 1px solid #000;
+    white-space:nowrap
     }
+#index th.headerSortDown:after { 
+    content: " ↓";
+} 
+#index th.headerSortDown { 
+    background: #eee;
+} 
+#index th.headerSortUp:after { 
+    content: " ↑";
+} 
+#index th.headerSortUp { 
+    background: #eee;
+} 
 #index td.name, #index th.name {
     text-align: left;
     width: auto;