truncate long display names in timeline headings

partial fix for vector-im/riot-web#5739
pull/21833/head
Hubert Chathi 2019-06-06 22:41:10 -04:00
parent 6daf5a1d9b
commit 4ab491f823
1 changed files with 5 additions and 1 deletions

View File

@ -56,13 +56,17 @@ limitations under the License.
color: $primary-fg-color;
font-size: 14px;
display: inline-block; /* anti-zalgo, with overflow hidden */
overflow-y: hidden;
overflow: hidden;
cursor: pointer;
padding-left: 65px; /* left gutter */
padding-bottom: 0px;
padding-top: 0px;
margin: 0px;
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 {