fix(LeftSidebar): apply icon for teams(circles), lighter font-weight

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,

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'

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 {

src/components/PollViewer/PollVotersDetails.vue

@@ -29,6 +29,7 @@
 					<AvatarWrapper v-for="(item, index) in details.slice(0, 8)"
 						:id="item.actorId"
 						:key="index"
+						:token="token"
 						:name="getDisplayName(item)"
 						:source="item.actorType"
 						:size="AVATAR.SIZE.EXTRA_SMALL"

src/constants.js

@@ -100,6 +100,7 @@ export const CONVERSATION = {
 		EMAIL: 'emails',
 		FILE: 'file',
 		PHONE: 'phone',
+		CIRCLES: 'circles',
 		VIDEO_VERIFICATION: 'share:password',
 		BREAKOUT_ROOM: 'room',
 		DEFAULT: '',