From da082fdbfb2addc70fd642ef094576a35c7b5cdc Mon Sep 17 00:00:00 2001
From: Kevin Ansfield <kevin@lookingsideways.co.uk>
Date: Wed, 17 Jun 2020 17:37:19 +0100
Subject: [PATCH] Gave members table a sticky header

no issue

- it's useful to be able to see the column headers anywhere in the list
- prep for having the table header toggle between normal and edit modes where having to scroll back up to the top of the page each time you want to toggle would be a poor experience
---
 ghost/admin/app/styles/layouts/members.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/ghost/admin/app/styles/layouts/members.css b/ghost/admin/app/styles/layouts/members.css
index a0666a4e0f..a8ead74196 100644
--- a/ghost/admin/app/styles/layouts/members.css
+++ b/ghost/admin/app/styles/layouts/members.css
@@ -49,6 +49,16 @@
     table-layout: fixed;
 }
 
+.members-list .gh-list-row.header {
+    z-index: 1;
+}
+
+.members-list .gh-list-header {
+    position: sticky;
+    top: 84px;
+    z-index: 1;
+}
+
 .members-header .view-actions input.gh-members-list-searchfield {
     min-width: 220px;
     padding-left: 30px;
@@ -444,4 +454,4 @@ p.gh-members-import-errordetailtext {
 .gh-members-import-errordetailtext:not(:last-of-type) {
     padding-bottom: 4px;
     margin-bottom: 6px;
-}
\ No newline at end of file
+}