fixup! Replace input form with NcTextField

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
nextcloud · Nov 21, 2023 · 91ccd3d · 91ccd3d
1 parent 537e8de
commit 91ccd3d
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/core/src/views/ContactsMenu.vue b/core/src/views/ContactsMenu.vue
@@ -189,10 +189,12 @@ export default {
 	overflow-y: hidden;
 
 	&__menu {
-		/* show 2.5 to 4.5 entries depending on the screen height */
-		height: calc(100vh - 50px * 3);
-		max-height: calc(50px * 6 + 2px + 26px);
-		min-height: calc(50px * 3.5);
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+		height: calc(100vh - 150px);
+		max-height: 100%;
+		min-height: 100%;
 
 		label[for="contactsmenu__menu__search"] {
 			font-weight: bold;
@@ -202,7 +204,6 @@ export default {
 
 		&__input-wrapper {
 			padding: 10px;
-			position: sticky;
 			z-index: 2;
 			top: 0;
 		}
@@ -220,6 +221,7 @@ export default {
 			min-height: calc(50px * 3.5 - 50px);
 			overflow-y: auto;
 			margin-top: 10px;
+			flex: 1 0;
 
 			&__footer {
 				display: flex;