diff options
| author | szaimen <szaimen@e.mail.de> | 2021-12-16 21:35:46 +0100 |
|---|---|---|
| committer | szaimen <szaimen@e.mail.de> | 2021-12-16 23:38:51 +0100 |
| commit | c709d9ff5f7792767f7535d480b117f0068fcf82 (patch) | |
| tree | 9b509ae454a0a11b332761d97af09d194d54cf3d /src | |
| parent | 71897c26fb5fd84a66956fb9243eb21ffe511d28 (diff) | |
fix overlapping of contacts-list with app-navigation-toogle
Signed-off-by: szaimen <szaimen@e.mail.de>
Diffstat (limited to 'src')
| -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> |