truncate room name on pip header (#7538)

Signed-off-by: Kerry Archibald <kerrya@element.io>
This commit is contained in:
Kerry 2022-01-14 11:37:30 +01:00 committed by GitHub
parent 47c112b12e
commit 50de35cd1a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 1 deletions

View file

@ -75,6 +75,7 @@ limitations under the License.
.mx_CallViewHeader_callInfo {
margin-left: 12px;
margin-right: 16px;
overflow: hidden;
}
.mx_CallViewHeader_roomName {
@ -82,6 +83,10 @@ limitations under the License.
font-size: 12px;
line-height: initial;
height: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mx_CallView_secondaryCall_roomName {

View file

@ -111,7 +111,7 @@ const CallViewHeader: React.FC<CallViewHeaderProps> = ({
>
<RoomAvatar room={callRoom} height={32} width={32} />
<div className="mx_CallViewHeader_callInfo">
<div className="mx_CallViewHeader_roomName">{ callRoomName }</div>
<div className="mx_CallViewHeader_roomName" title={callRoomName}>{ callRoomName }</div>
<div className="mx_CallViewHeader_callTypeSmall">
{ callTypeText }
{ onHoldCallRoom && <SecondaryCallInfo callRoom={onHoldCallRoom} /> }