diff options
| author | szaimen <szaimen@e.mail.de> | 2021-12-16 21:35:46 +0100 |
|---|---|---|
| committer | backportbot[bot] <backportbot[bot]@users.noreply.github.com> | 2021-12-20 15:31:45 +0000 |
| commit | 635d2e658c42b92531c01d81eb139287981840d5 (patch) | |
| tree | 361b0590fc8993364c8400a942590dc55920cd10 | |
| parent | 4c7ebc5b8d7eec48d99992d51cd8865898e3358d (diff) | |
fix overlapping of contacts-list with app-navigation-toogle
Signed-off-by: szaimen <szaimen@e.mail.de>
| -rw-r--r-- | src/components/ContactsList.vue | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/src/components/ContactsList.vue b/src/components/ContactsList.vue index c604023a..cfdbf0be 100644 --- a/src/components/ContactsList.vue +++ b/src/components/ContactsList.vue @@ -22,6 +22,7 @@ <template> <AppContentList> + <div class="contacts-list__header"></div> <VirtualList ref="scroller" class="contacts-list" data-key="key" @@ -154,7 +155,12 @@ export default { <style lang="scss" scoped> // Make virtual scroller scrollable .contacts-list { - max-height: calc(100vh - var(--header-height)); + max-height: calc(100vh - var(--header-height) - 48px); overflow: auto; } + +// Add empty header to contacts-list that solves overlapping of contacts with app-navigation-toogle +.contacts-list__header { + min-height: 48px; +} </style> |