diff --git a/css/icons.css b/css/icons.css index 0c857cf7bf0..d45ce208eed 100644 --- a/css/icons.css +++ b/css/icons.css @@ -77,6 +77,16 @@ background-image: url(../img/icon-mail-white.svg); } +.app-talk .icon-team, +.talk-modal .icon-team, +.sidebar-callview .icon-team, +#talk-panel .icon-team, +#talk-sidebar .icon-team, +#call-container .icon-team, +.talkChatTab .icon-team { + background-image: url(../img/icon-team-white.svg); +} + .app-talk .icon-changelog, .talk-modal .icon-changelog, .sidebar-callview .icon-changelog, diff --git a/img/icon-team-white.svg b/img/icon-team-white.svg new file mode 100644 index 00000000000..dfc8800d2d9 --- /dev/null +++ b/img/icon-team-white.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/ConversationIcon.vue b/src/components/ConversationIcon.vue index 21e82c1b3b8..47534661570 100644 --- a/src/components/ConversationIcon.vue +++ b/src/components/ConversationIcon.vue @@ -193,6 +193,8 @@ export default { return 'icon-mail' } else if (this.item.objectType === CONVERSATION.OBJECT_TYPE.PHONE) { return 'icon-phone' + } else if (this.item.objectType === CONVERSATION.OBJECT_TYPE.CIRCLES) { + return 'icon-team' } else if (this.item.type === CONVERSATION.TYPE.CHANGELOG) { return 'icon-changelog' } else if (this.item.type === CONVERSATION.TYPE.ONE_TO_ONE_FORMER) { @@ -210,6 +212,11 @@ export default { return undefined } + if (this.item.objectType === CONVERSATION.OBJECT_TYPE.CIRCLES) { + // Team icon for group conversation suggestions + return 'icon-team' + } + if (this.item.type === CONVERSATION.TYPE.GROUP) { // Group icon for group conversation suggestions return 'icon-contacts' diff --git a/src/components/LeftSidebar/LeftSidebar.vue b/src/components/LeftSidebar/LeftSidebar.vue index 68807a21ad4..b258e82f01d 100644 --- a/src/components/LeftSidebar/LeftSidebar.vue +++ b/src/components/LeftSidebar/LeftSidebar.vue @@ -1031,6 +1031,16 @@ export default { overflow-y: auto !important; overflow-x: hidden !important; padding: 0; + + // FIXME upstream: subname color was dropped + :deep(.list-item-content__subname) { + color: var(--color-text-maxcontrast); + } + + :deep(.list-item-content__name), + :deep(.list-item-content__subname--bold) { + font-weight: 500; + } } .unread-mention-button { diff --git a/src/components/PollViewer/PollVotersDetails.vue b/src/components/PollViewer/PollVotersDetails.vue index ce5def5e196..7d4574bac1a 100644 --- a/src/components/PollViewer/PollVotersDetails.vue +++ b/src/components/PollViewer/PollVotersDetails.vue @@ -29,6 +29,7 @@