Hugh McMaster : winetest/gather: Make the 'platform' table header sticky.

[Alexandre Julliard]

Module: tools
Branch: master
Commit: b890623cde5f969c53a7b4d39ecb293b37e5ec33
URL:    https://source.winehq.org/git/tools.git/?a=commit;h=b890623cde5f969c53a7b4d3...

Author: Hugh McMaster <hugh.mcmaster(a)outlook.com>
Date:   Thu Feb 25 18:07:26 2021 +1100

winetest/gather: Make the 'platform' table header sticky.

The component test table is very long, which makes it difficult to
remember which column holds what data.

Signed-off-by: Hugh McMaster <hugh.mcmaster(a)outlook.com>
Signed-off-by: Alexandre Julliard <julliard(a)winehq.org>

---

 winetest/gather      | 4 ++--
 winetest/summary.css | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/winetest/gather b/winetest/gather
index 8948697..392e8e6 100755
--- a/winetest/gather
+++ b/winetest/gather
@@ -530,7 +530,7 @@ EOF
             chop $msg;
         }
         $title .=  <<"EOF";
-      <th>
+      <th class="sticky">
 $msg
       </th>
 EOF
@@ -557,7 +557,7 @@ EOF
     return <<"EOF";
   <thead>
     <tr>
-      <th class="test" colspan="2">platforms</th>
+      <th class="test sticky" colspan="2">platforms</th>
 $title
     </tr>
     <tr>
diff --git a/winetest/summary.css b/winetest/summary.css
index 9dd7219..d01a227 100644
--- a/winetest/summary.css
+++ b/winetest/summary.css
@@ -112,6 +112,13 @@ table.report th.test {
         text-align: center;
         vertical-align: middle;
 }
+table.report th.sticky {
+        background-color: white;
+        padding-bottom: 0.25rem;
+        position: sticky;
+        top: 0;
+        z-index: 10;
+}
 table.report thead th {
         border-bottom-style: solid;
         border-bottom-color: #601919;