Merge pull request #11581 from nextcloud/users-table-header-fix

Fix sticky header on users list
nextcloud · Oct 4, 2018 · 0b27595 · 0b27595
2 parents 0630360 + ee446ba
commit 0b27595
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/settings/css/settings.scss b/settings/css/settings.scss
@@ -1422,7 +1422,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
 			/* let's define the column until storage path,
 			   what follows will be manually defined  */
 			grid-template-columns: 44px minmax(150px, 1fr) repeat(auto-fit, minmax(120px, 1fr));
-			border-top: var(--color-border) 1px solid;
+			border-bottom: var(--color-border) 1px solid;
 			&.disabled {
 				opacity: .5;
 			}
@@ -1456,7 +1456,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);
 				}
@@ -1469,9 +1469,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);