Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Updated the member import table header to be sticky (#18297)

Browse source 
No ref
This commit is contained in:
Sanne de Vries 2023-09-22 13:45:16 +02:00 • committed by GitHub
parent db488b4124
commit 4deb827625
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ghost/admin/app/styles/layouts/members.css
View file

@ -1,8 +1,8 @@
/* Global /* Global
/* ----------------------------------------- */ /* ----------------------------------------- */
:root { :root {
--member-import-table-outline: color-mod(var(--darkgrey) a(12%) s(+40%)); --member-import-table-outline: var(--whitegrey-d2);
--member-import-table-border: color-mod(var(--darkgrey) a(7%) s(+40%)); --member-import-table-border: var(--whitegrey-d1);
} }
/* Members avatar /* Members avatar
@ -1500,6 +1500,7 @@ p.gh-members-import-errordetailtext {
.gh-members-import-table { .gh-members-import-table {
position: relative; position: relative;
margin-bottom: 1px; margin-bottom: 1px;
border-collapse: separate;
} }
.gh-members-import-table::before { .gh-members-import-table::before {
@ -1527,8 +1528,10 @@ p.gh-members-import-errordetailtext {
} }
.gh-members-import-table th { .gh-members-import-table th {
position: sticky;
top: 0;
padding: 3px 8px; padding: 3px 8px;
background: color-mod(var(--darkgrey) a(5%) s(+50%)); background: var(--whitegrey-l2);
border-left: 1px solid var(--member-import-table-border); border-left: 1px solid var(--member-import-table-border);
border-top: 1px solid var(--member-import-table-outline); border-top: 1px solid var(--member-import-table-outline);
border-bottom: 1px solid var(--member-import-table-border); border-bottom: 1px solid var(--member-import-table-border);