From: Hugh McMaster <hugh.mcmaster@outlook.com>
Subject: [PATCH tools] winetest/gather: Make the 'platform' table header sticky
Message-Id: <20210225040451.9785-1-hugh.mcmaster@outlook.com>
Date: Thu, 25 Feb 2021 15:04:51 +1100

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@outlook.com>
---
 winetest/gather      | 4 ++--
 winetest/summary.css | 6 ++++++
 2 files changed, 8 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..afe8ce8 100644
--- a/winetest/summary.css
+++ b/winetest/summary.css
@@ -112,6 +112,12 @@ 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;
+}
 table.report thead th {
         border-bottom-style: solid;
         border-bottom-color: #601919;

-- 
2.30.1