ui: Move the background color of the table headers to a class

As we are using "sticky headers", the column headers stay apparent when
scrolling down, we need to specify a white background to hide what's
underneath.

With the addition of Seres, the patchlist table is not the only table we
want this behaviour on, so let's make it a CSS class rather then a
selector on the patchlist id.

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 a5eac2e55800ab9afa5e16e442a58d37df0fecf0..96ae8096bf641acd53112d6cf8aac4fa2cc7f1df 100644 (file)
--- a/htdocs/css/style.css
+++ b/htdocs/css/style.css
@@ -132,7 +132,7 @@ a.filter-action:hover {
     text-decoration: none;
 }
 
-table#patchlist > thead {
+table.pw-list > thead {
     background-color: white;
 }
 

diff --git a/patchwork/templates/patchwork/patch-list.html b/patchwork/templates/patchwork/patch-list.html
index 00cbb52edfc9611236cc8c587d540695ff63c66e..840066275574350e9071aaa3660e992b3c486180 100644 (file)
--- a/patchwork/templates/patchwork/patch-list.html
+++ b/patchwork/templates/patchwork/patch-list.html
@@ -44,7 +44,7 @@ $(document).ready(function() {
 {% csrf_token %}
 <input type="hidden" name="form" value="patchlistform"/>
 <input type="hidden" name="project" value="{{project.id}}"/>
-<table class="table table-hover table-condensed" id="patchlist">
+<table class="table table-hover table-condensed pw-list" id="patchlist">
  <thead>
   <tr>
    {% if user.is_authenticated %}