diff --git a/src/components/ConversationIcon.vue b/src/components/ConversationIcon.vue index c5831c66ae9..5ea3f3cf708 100644 --- a/src/components/ConversationIcon.vue +++ b/src/components/ConversationIcon.vue @@ -129,7 +129,7 @@ export default { size: { type: Number, - default: AVATAR.SIZE.TWO_LINES, + default: AVATAR.SIZE.DEFAULT, }, }, diff --git a/src/components/LeftSidebar/ConversationsList/ConversationsListVirtual.vue b/src/components/LeftSidebar/ConversationsList/ConversationsListVirtual.vue index c3c8f5c781a..024c8ed06b3 100644 --- a/src/components/LeftSidebar/ConversationsList/ConversationsListVirtual.vue +++ b/src/components/LeftSidebar/ConversationsList/ConversationsListVirtual.vue @@ -27,11 +27,11 @@ import LoadingPlaceholder from '../../UIShared/LoadingPlaceholder.vue' import 'vue-virtual-scroller/dist/vue-virtual-scroller.css' /* Consider: - * 48 = 2 * var(--default-line-height) - 2 lines of text + * 45 = 2lh - 2 lines of text * 8 = 2 * var(--default-grid-baseline) - item padding - * 8 = 2 * var(--default-grid-baseline) - focus offset + * 4 = var(--default-grid-baseline) - item outline (collapsed) */ -const CONVERSATION_ITEM_SIZE = 64 +const CONVERSATION_ITEM_SIZE = 61 export default { name: 'ConversationsListVirtual', diff --git a/src/components/LeftSidebar/LeftSidebar.vue b/src/components/LeftSidebar/LeftSidebar.vue index d368b9abc30..433dd802796 100644 --- a/src/components/LeftSidebar/LeftSidebar.vue +++ b/src/components/LeftSidebar/LeftSidebar.vue @@ -180,7 +180,7 @@ data-nav-id="conversation_create_new" @click="createConversation(searchText)">