From f41692d0327b3fa8d2c71c8100690a5ada21a295 Mon Sep 17 00:00:00 2001
From: aryanshridhar <aryanshridhar7@gmail.com>
Date: Thu, 1 Jul 2021 17:17:19 +0000
Subject: [PATCH] table-sticky-headers: Add z-index CSS property to table
 headers.

Previously, there were cases where the table contents started to
overlap with the table heading when scrolled down the table.
This was mostly visible in `Custom Emoji` organization UI,
where the images and action table column contents started to
overlap with the table headers.

Rectified the bug by adding a CSS `z-index` property to
`table-sticky-headers` class which takes care of all
such overlapping issues.

Fixes #18906.
---
 static/styles/settings.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/static/styles/settings.css b/static/styles/settings.css
index c1d0f6e9a1..e4807047b1 100644
--- a/static/styles/settings.css
+++ b/static/styles/settings.css
@@ -255,6 +255,7 @@ td .button {
     .table-sticky-headers th {
         position: sticky;
         top: 0;
+        z-index: 1;
     }
 
     .table-striped {