[PATCH v2 tools] winetest/gather: Make the 'platform' table header sticky

Hugh McMaster hugh.mcmaster at outlook.com
Thu Feb 25 01:07:26 CST 2021


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 at outlook.com>
---
v2: Add a z-index value in case some browsers expect it.

 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;
-- 
2.30.1




More information about the wine-devel mailing list