ellipse senders for images and videos

pull/21833/head
Jorik Schellekens 2020-07-16 02:52:16 +01:00
parent e1cf5ecd2f
commit e873ba9608
2 changed files with 6 additions and 3 deletions

View File

@ -181,7 +181,8 @@ $irc-line-height: $font-18px;
> span {
display: flex;
> .mx_SenderProfile_name {
> .mx_SenderProfile_name,
> .mx_SenderProfile_aux {
overflow: hidden;
text-overflow: ellipsis;
}

View File

@ -125,8 +125,10 @@ export default createReactClass({
</span>;
const content = this.props.text ?
<span className="mx_SenderProfile_aux">
{ _t(this.props.text, { senderName: () => nameElem }) }
<span>
<span className="mx_SenderProfile_aux">
{ _t(this.props.text, { senderName: () => nameElem }) }
</span>
</span> : nameFlair;
return (