matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-07 10:46:24 +03:00
Code Activity

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
parent 618ecbd261 e873ba9608
commit 58532f2ac4
2 changed files with 6 additions and 3 deletions
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);

6
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 className="mx_SenderProfile_aux"> <span>
{ _t(this.props.text, { senderName: () => nameElem }) } <span className="mx_SenderProfile_aux">
{ _t(this.props.text, { senderName: () => nameElem }) }
</span>
</span> : nameFlair; </span> : nameFlair;
return ( return (