UX: Making the headers of the query results table sticky (#182)

2026-08-07 02:47:12 +00:00 · 2022-07-06 19:08:37 -04:00
parent 8a1bdb5759
commit 272e9dd760
1 changed files with 10 additions and 1 deletions
@@ -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 {