diff --git a/webapp/src/components/RoomsSidebar.vue b/webapp/src/components/RoomsSidebar.vue index 8359a840..8778d80d 100644 --- a/webapp/src/components/RoomsSidebar.vue +++ b/webapp/src/components/RoomsSidebar.vue @@ -26,6 +26,10 @@ transition(name="sidebar") template(v-else) .room-icon(aria-hidden="true") .name(v-html="$emojify(stage.room.name)") + .buffer + template(v-if="stage.room.users") + i.mdi.mdi-account-group.icon-viewer + .name(v-html="stage.room.users") .notifications(v-if="stage.notifications") {{ stage.notifications }} .group-title#chats-title(v-if="roomsByType.videoChat.length || roomsByType.textChat.length || hasPermission('world:rooms.create.chat') || hasPermission('world:rooms.create.bbb')") span {{ $t('RoomsSidebar:channels-headline:text') }} @@ -308,7 +312,7 @@ export default { &.router-link-exact-active, &.active .room-icon::before color: var(--clr-sidebar-text-secondary) - .room-icon + .room-icon, .icon-viewer width: 22px &::before font-family: "Material Design Icons" @@ -318,6 +322,9 @@ export default { margin: 0 auto display: block width: 20px + .icon-viewer + &::before + line-height: 32px &.starts-with-emoji padding: 0 18px