mirror of
https://github.com/Novaloop-AG/healthchat-web.git
synced 2026-11-06 22:48:21 +00:00
Don't let call room names push out their containers
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user