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

Merge pull request #4990 from matrix-org/joriks/irc-layout-truncate-upload-name

Browse source 
ellipse senders for images and videos
This commit is contained in:
Jorik Schellekens 2020-07-17 22:04:19 +01:00 committed by GitHub
commit 58532f2ac4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
res/css/views/rooms/_IRCLayout.scss
View file

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

2
src/components/views/messages/SenderProfile.js
View file

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