From: Damien Lespiau <damien.lespiau@intel.com>
Date: Thu, 2 Oct 2014 23:29:43 +0000 (+0100)
Subject: patch-list: Make the table header sticky
X-Git-Tag: v1.1.0~169
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9b472c08eef62db070238914ee69817874f60524;p=thirdparty%2Fpatchwork.git

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 1ec74009..3d4bebd8 100644
--- 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 628696e9..707f63f1 100644
--- 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 a0b6244a..aa7c2b3b 100644
--- 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]>