Make tables on the new flakiness dashboard sortable

[WebKit-https.git] / Websites / test-results / main.css

diff --git a/Websites/test-results/main.css b/Websites/test-results/main.css
index cede3bf..c2b3a91 100644 (file)
--- a/Websites/test-results/main.css
+++ b/Websites/test-results/main.css
@@ -77,8 +77,24 @@
     vertical-align: bottom;
 }
 
-.resultsTable tr:hover,
-.resultsTable tr:hover {
+.resultsTable thead {
+    cursor: pointer;
+}
+
+.resultsTable th {
+    background-repeat: no-repeat;
+    background-position: right 10px center;
+}
+
+.resultsTable th.headerSortUp {
+    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='6'><polygon points='0,0 8,0 4,6' fill='#999'/></svg>");
+}
+
+.resultsTable th.headerSortDown {
+    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><polygon points='0,6 8,6 4,0' fill='#999'/></svg>");
+}
+
+.resultsTable tbody tr:hover {
     background-color: #eee;
 }