Adding row hover effects.

trac-hacks · May 27, 2010 · 0a64639 · 0a64639
1 parent 30446c2
commit 0a64639
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/tracsql/htdocs/common.css b/tracsql/htdocs/common.css
@@ -4,12 +4,17 @@ div.query table {
     border: 1px #ccc solid;
 }
 
-div.results table th {
+div.results table thead th {
     font-weight: bold;
     border-bottom: 1px #ccc solid;
-    padding: 3px ;
+    padding: 5px ;
 }
 
-div.results table td {
-    padding: 3px ;
+div.results table tbody td {
+    padding: 5px ;
+}
+
+div.results table tbody tr:hover {
+    font-weight: italic;
+    background: #ececec;
 }
diff --git a/tracsql/templates/sql.html b/tracsql/templates/sql.html
@@ -45,14 +45,18 @@ <h1><font color="red">Error!</font></h1>
 </py:when>
 <py:otherwise>
 <table cellpadding="2" cellspacing="0">
+<thead>
 <tr>
     <py:for each="col in cols"><th>${col}</th></py:for>
 </tr>
+</thead>
+<tbody>
 <py:for each="row in rows">
 <tr>
     <py:for each="col in row"><td>${col}</td></py:for>
 </tr>
 </py:for>
+</tbody>
 </table>
 </py:otherwise>
 </py:choose>