PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Don't let call room names push out their containers

Browse source
This commit is contained in:
David Baker 2020-12-04 20:36:08 +00:00
parent 4c50125e9d
commit ab71547c4c
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
res/css/views/voip/_CallView.scss
View file

@ -234,10 +234,19 @@ limitations under the License.
} }
} }
.mx_CallView_header_callInfo {
margin-right: 16px;
}
.mx_CallView_header_roomName { .mx_CallView_header_roomName {
font-weight: bold; font-weight: bold;
font-size: 12px; font-size: 12px;
line-height: initial; line-height: initial;
height: 15px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 116px;
} }
.mx_CallView_header_callTypeSmall { .mx_CallView_header_callTypeSmall {

2
src/components/views/voip/CallView.tsx
View file

@ -537,7 +537,7 @@ export default class CallView extends React.Component<IProps, IState> {
<AccessibleButton onClick={this.onRoomAvatarClick}> <AccessibleButton onClick={this.onRoomAvatarClick}>
<RoomAvatar room={callRoom} height={32} width={32} /> <RoomAvatar room={callRoom} height={32} width={32} />
</AccessibleButton> </AccessibleButton>
<div> <div className="mx_CallView_header_callInfo">
<div className="mx_CallView_header_roomName">{callRoom.name}</div> <div className="mx_CallView_header_roomName">{callRoom.name}</div>
<div className="mx_CallView_header_callTypeSmall">{callTypeText}</div> <div className="mx_CallView_header_callTypeSmall">{callTypeText}</div>
</div> </div>