patch-list: Make the table header sticky

So, when scrolling down the list of patches, we still get what are the
field displayed. This is espacially important as I plan to add a few
more.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
Acked-by: Stephen Finucane <stephen.finucane@intel.com>

diff --git a/htdocs/css/style.css b/htdocs/css/style.css
index 1ec740093de0fcd7063a7832efb14735f9ddd7bc..3d4bebd8f1ed47fdd25313d856fad1fa76fdcfe5 100644 (file)
--- a/htdocs/css/style.css
+++ b/htdocs/css/style.css
@@ -120,6 +120,9 @@ a.filter-action:hover {
     text-decoration: none;
 }
 
+table#patchlist > thead {
+    background-color: white;
+}
 
 a.colinactive, a.colactive {
        color: black;

diff --git a/patchwork/templates/patchwork/patch-list.html b/patchwork/templates/patchwork/patch-list.html
index 628696e91802431a692d1fa9b8bcb897647084ec..707f63f14e144e30a0ba1bc4bb433b2fbe026f44 100644 (file)
--- a/patchwork/templates/patchwork/patch-list.html
+++ b/patchwork/templates/patchwork/patch-list.html
@@ -35,6 +35,11 @@
 </div>
 {% endif %}
 
+<script type="text/javascript" language="JavaScript">
+$(document).ready(function() {
+    $('#patchlist').stickyTableHeaders();
+});
+</script>
 <form method="post">
 {% csrf_token %}
 <input type="hidden" name="form" value="patchlistform"/>

diff --git a/templates/base.html b/templates/base.html
index a0b6244a4abe7e8aad369d0f83d8a459680e9b65..aa7c2b3b9f9b03d737b872c0e311361947b15460 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -10,6 +10,7 @@
   <link rel="stylesheet" type="text/css" href="{% static "css/style.css" %}"/>
   <script type="text/javascript" src="{% static "js/common.js" %}"></script>
   <script type="text/javascript" src="{% static "js/jquery-1.10.1.min.js" %}"></script>
+  <script type="text/javascript" src="{% static "js/jquery.stickytableheaders.min.js" %}"></script>
   <!-- IE8 support of HTML5 elements and media queries -->
   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
   <!--[if lt IE 9]>