diff options
| author | Maksim Sukharev <antreesy.web@gmail.com> | 2023-06-30 09:30:51 +0200 |
|---|---|---|
| committer | backportbot-nextcloud[bot] <backportbot-nextcloud[bot]@users.noreply.github.com> | 2023-06-30 09:34:45 +0000 |
| commit | d2023aff5ac9f4e23cff9b1d4bc05e79e9001b61 (patch) | |
| tree | 856a9825c17799e78c8a4edebf3cda779b21b932 /src | |
| parent | f83560842bbc22b387a9a73f7fe2da748df3b7c7 (diff) | |
align button appearance with mobile clients
Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/ChatView.vue | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/components/ChatView.vue b/src/components/ChatView.vue index cd89f1635..b5ee8dc87 100644 --- a/src/components/ChatView.vue +++ b/src/components/ChatView.vue @@ -58,7 +58,7 @@ :style="`bottom: ${scrollButtonOffset}px`" @click="smoothScrollToBottom"> <template #icon> - <ChevronDown :size="20" /> + <ChevronDoubleDown :size="20" /> </template> </NcButton> </transition> @@ -66,7 +66,7 @@ </template> <script> -import ChevronDown from 'vue-material-design-icons/ChevronDown.vue' +import ChevronDoubleDown from 'vue-material-design-icons/ChevronDoubleDown.vue' import NcButton from '@nextcloud/vue/dist/Components/NcButton.js' @@ -82,7 +82,7 @@ export default { components: { NcButton, - ChevronDown, + ChevronDoubleDown, MessagesList, NewMessage, }, @@ -138,8 +138,8 @@ export default { immediate: true, handler() { this.$nextTick(() => { - // overlap NewMessage component by 8px, set its min-height: 69px as a fallback - this.scrollButtonOffset = (this.$refs.newMessage?.$el?.clientHeight ?? 69) - 8 + // offset from NewMessage component by 8px, with its min-height: 69px as a fallback + this.scrollButtonOffset = (this.$refs.newMessage?.$el?.clientHeight ?? 69) + 8 }) }, }, |