diff --git a/core/src/views/ContactsMenu.vue b/core/src/views/ContactsMenu.vue index 5ed86e08ad529..277219bd883f7 100644 --- 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;