diff mbox

[26/49] patch-list: Make the table header sticky

Message ID 1443708774-26996-27-git-send-email-damien.lespiau@intel.com
State Accepted
Headers show

Commit Message

Damien Lespiau Oct. 1, 2015, 2:12 p.m. UTC
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>
---
 htdocs/css/style.css                          | 3 +++
 patchwork/templates/patchwork/patch-list.html | 5 +++++
 templates/base.html                           | 1 +
 3 files changed, 9 insertions(+)
diff mbox

Patch

diff --git a/htdocs/css/style.css b/htdocs/css/style.css
index 1ec7400..3d4bebd 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 628696e..707f63f 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 a0b6244..aa7c2b3 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]>