matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-09 08:42:50 +03:00
Code Activity

Merge pull request #3078 from uhoreg/truncate_displayname

Browse Source 
truncate long display names in timeline headings
This commit is contained in:
Hubert Chathi
2019-06-07 10:24:17 -04:00
committed by GitHub
parent 795a273e26 4ab491f823
commit 41cbfe0d27
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
res/css/views/rooms/_EventTile.scss
View File

@@ -56,13 +56,17 @@ limitations under the License.
color: $primary-fg-color; color: $primary-fg-color;
font-size: 14px; font-size: 14px;
display: inline-block; /* anti-zalgo, with overflow hidden */ display: inline-block; /* anti-zalgo, with overflow hidden */
overflow-y: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
padding-left: 65px; /* left gutter */ padding-left: 65px; /* left gutter */
padding-bottom: 0px; padding-bottom: 0px;
padding-top: 0px; padding-top: 0px;
margin: 0px; margin: 0px;
line-height: 17px; line-height: 17px;
/* the next three lines, along with overflow hidden, truncate long display names */
white-space: nowrap;
text-overflow: ellipsis;
max-width: calc(100% - 65px);
} }
.mx_EventTile .mx_SenderProfile .mx_Flair { .mx_EventTile .mx_SenderProfile .mx_Flair {