Fix sticky header on users list

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

diff --git a/settings/css/settings.scss b/settings/css/settings.scss
index 5746f26ac0b15b4299cf4c3d9b04824f81e527e8..598e94354f05200512a081c63d436fac1005e3fd 100644 (file)
--- a/settings/css/settings.scss
+++ b/settings/css/settings.scss
@@ -1443,7 +1443,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
                                align-self: normal;
                                background-color: var(--color-main-background);
                                z-index: 55; /* above multiselect */
-                               top: 0;
+                               top: $header-height;
                                &.sticky {
                                        box-shadow: 0 -2px 10px 1px var(--color-box-shadow);
                                }
@@ -1456,9 +1456,9 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
                                        z-index: 0;
                                }
                        }
-                       // separate prop to set initial value to top:0
+                       // separate prop to set initial value to top: 50px
                        &#new-user {
-                               top: $grid-row-height;
+                               top: $header-height + $grid-row-height;
                        }
                        &#grid-header {
                                color: var(--color-text-maxcontrast);