From: Steinar H. Gunderson <sgunderson@bigfoot.com>
Date: Wed, 26 Jul 2023 12:00:31 +0000 (+0200)
Subject: Make the table header sticky on scroll.
X-Git-Url: https://git.sesse.net/?a=commitdiff_plain;h=baa9fba20fa3233d7db196f4a5fff1c6a1d1cdb1;hp=7626b7a98269f414e882c0a9c665f1b2881a0149;p=pkanalytics

Make the table header sticky on scroll.
---

diff --git a/ultimate.css b/ultimate.css
index c377923..e6208f7 100644
--- a/ultimate.css
+++ b/ultimate.css
@@ -68,6 +68,9 @@
 	display: inline-block;
 	top: 2px;
 }
+#filter-add-menu, #filter-submenu {
+	z-index: 1;
+}
 #filter-add-menu {
 	display: none;
 	/* display: block; */
@@ -112,9 +115,13 @@ div.option input[type="checkbox"] {
 }
 table {
 	border-collapse: collapse;
+	margin-bottom: calc(100vh - 4lh);
 }
 th {
-	background-color: rgba(0, 0, 0, 0.05);
+	background-color: rgb(95% 95% 95%);
+	position: sticky;
+	z-index: 0;
+	top: 0;
 }
 tr {
 	border-top: 1px solid #ddd;