diff mbox

[27/51] patch-list: Make the table header sticky

Message ID 1440440620-25937-28-git-send-email-damien.lespiau@intel.com
State Changes Requested
Headers show

Commit Message

Damien Lespiau Aug. 24, 2015, 6:23 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>
---
 htdocs/css/style.css                          | 3 +++
 patchwork/templates/patchwork/patch-list.html | 5 +++++
 templates/base.html                           | 1 +
 3 files changed, 9 insertions(+)

Comments

Stephen Finucane Sept. 9, 2015, 3:16 p.m. UTC | #1 
> 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 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 8d9ff75..d836fd1 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,6 +11,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]>