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)">
-
+
{{ t('spreed', 'New group conversation') }}
@@ -206,7 +206,7 @@
:name="item.label"
@click="createAndJoinConversation(item)">
-
+
{{ t('spreed', 'New private conversation') }}
@@ -259,7 +259,7 @@
:name="item.label"
@click="createAndJoinConversation(item)">
-
+
{{ t('spreed', 'New group conversation') }}
@@ -336,7 +336,7 @@ import SearchBox from '../UIShared/SearchBox.vue'
import TransitionWrapper from '../UIShared/TransitionWrapper.vue'
import { useArrowNavigation } from '../../composables/useArrowNavigation.js'
-import { ATTENDEE, AVATAR, CONVERSATION } from '../../constants.js'
+import { ATTENDEE, CONVERSATION } from '../../constants.js'
import BrowserStorage from '../../services/BrowserStorage.js'
import { getTalkConfig, hasTalkFeature } from '../../services/CapabilitiesManager.ts'
import {
@@ -410,7 +410,6 @@ export default {
const isMobile = useIsMobile()
return {
- AVATAR,
initializeNavigation,
resetNavigation,
leftSidebar,
diff --git a/src/constants.js b/src/constants.js
index b98cf9f6038..992c77bc3bb 100644
--- a/src/constants.js
+++ b/src/constants.js
@@ -274,7 +274,6 @@ export const AVATAR = {
EXTRA_SMALL: 22,
SMALL: 32,
DEFAULT: 44,
- TWO_LINES: 48, // 2 * var(--default-line-height)
MEDIUM: 64,
LARGE: 128,
EXTRA_LARGE: 180,