diff options
author | Damien Lespiau <damien.lespiau@intel.com> | 2014-10-03 00:29:43 +0100 |
---|---|---|
committer | Stephen Finucane <stephen.finucane@intel.com> | 2015-11-05 03:51:39 +0000 |
commit | 9b472c08eef62db070238914ee69817874f60524 (patch) | |
tree | b12811595364fc36be03f9816b751cf7cc4675cb | |
parent | 38daf1700f5c4894ca5e2281bb525276054b1927 (diff) | |
download | patchwork-9b472c08eef62db070238914ee69817874f60524.tar patchwork-9b472c08eef62db070238914ee69817874f60524.tar.gz |
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>
-rw-r--r-- | htdocs/css/style.css | 3 | ||||
-rw-r--r-- | patchwork/templates/patchwork/patch-list.html | 5 | ||||
-rw-r--r-- | templates/base.html | 1 |
3 files changed, 9 insertions, 0 deletions
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]> |