From 272e9dd760f82e33f9756866434ddcbe470cdb8e Mon Sep 17 00:00:00 2001
From: Constanza <constanza@discourse.org>
Date: Wed, 6 Jul 2022 19:08:37 -0400
Subject: [PATCH] UX: Making the headers of the query results table sticky
 (#182)

---
 assets/stylesheets/explorer.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/assets/stylesheets/explorer.scss b/assets/stylesheets/explorer.scss
index 0aec058..293d5d7 100644
--- a/assets/stylesheets/explorer.scss
+++ b/assets/stylesheets/explorer.scss
@@ -289,7 +289,8 @@ table.group-reports {
 .query-results {
   section {
     width: 100%;
-    overflow-x: auto;
+    overflow: auto;
+    height: 1000px;
   }
   table {
     width: 100%;
@@ -298,6 +299,14 @@ table.group-reports {
       padding: 8px;
     }
   }
+  thead {
+    th {
+      position: sticky;
+      top: 0;
+      color: var(--primary);
+      background: var(--primary-low);
+    }
+  }
 }
 
 .query-list {