Improve the interactions of the participant-table (#48)

* Improve the interactions of the participant-table * Fix the sticky top on vertical scrolling
canonical · Jun 12, 2024 · 61b4814 · 61b4814
1 parent ddffac9
commit 61b4814
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/indico_themes_canonical/static/css/_default/participant-list.css b/indico_themes_canonical/static/css/_default/participant-list.css
@@ -21,4 +21,18 @@
   display: block;
   overflow-x: auto;
   white-space: nowrap;
+  height: 65vh;
+}
+
+table.i-table thead {
+  position: sticky;
+  top: 0;
+}
+
+table thead th:first-child,
+table tbody td:first-child {
+  position: sticky;
+  left: 0;
+  z-index: 2;
+  background: var(--brand-white);
 }