diff --git a/app/page/template/modal/group-creation.htm b/app/page/template/modal/group-creation.htm index 7a9e0baf6e5..882bfbb4aeb 100644 --- a/app/page/template/modal/group-creation.htm +++ b/app/page/template/modal/group-creation.htm @@ -36,6 +36,7 @@ data-uie-name="enter-group-name">
+
diff --git a/app/page/template/panel/conversation-details.htm b/app/page/template/panel/conversation-details.htm index be8c531795d..deee789b6cb 100644 --- a/app/page/template/panel/conversation-details.htm +++ b/app/page/template/panel/conversation-details.htm @@ -50,6 +50,9 @@ + +
+
diff --git a/app/script/localization/webapp.js b/app/script/localization/webapp.js index acc0747a646..d9a722dfacb 100644 --- a/app/script/localization/webapp.js +++ b/app/script/localization/webapp.js @@ -372,6 +372,7 @@ z.string.groupCreationParticipantsActionSkip = 'Skip'; z.string.groupCreationParticipantsHeader = 'Add people'; z.string.groupCreationParticipantsHeaderWithCounter = 'Add people ({{number}})'; z.string.groupCreationParticipantsPlaceholder = 'Search by name'; +z.string.groupSizeInfo = 'Up to 128 people can join a group conversation. Video calls work in groups of 4 or less.'; // Guest room z.string.guestRoomConversationName = 'Guest room'; diff --git a/app/style/modal/group-creation.less b/app/style/modal/group-creation.less index eff8da5aa6d..a1866b9bda2 100644 --- a/app/style/modal/group-creation.less +++ b/app/style/modal/group-creation.less @@ -85,6 +85,13 @@ margin: 8px; } + .group-size-info { + margin: 16px 16px 0; + color: @graphite; + font-size: @font-size-xs; + line-height: @line-height-sm; + } + .group-creation-list-wrapper { position: absolute; right: -16px; diff --git a/app/style/panel/conversation-details.less b/app/style/panel/conversation-details.less index 74657ce5b5a..ab6ce91d4a0 100644 --- a/app/style/panel/conversation-details.less +++ b/app/style/panel/conversation-details.less @@ -177,4 +177,10 @@ font-weight: @font-weight-bold; text-transform: uppercase; } + &__group-size-info { + margin: 8px 0 0; + color: @graphite; + font-size: @font-size-xs; + line-height: @line-height-sm; + } }