Add elipsis for long usernames

This commit is contained in:
video-prize-ranch 2022-01-18 18:21:25 -05:00
parent 1f99887e4d
commit 2d53c9a239
No known key found for this signature in database
GPG Key ID: D8EAA4C5B12A7281
2 changed files with 7 additions and 1 deletions

View File

@ -59,4 +59,10 @@
display: flex;
gap: 6px;
align-items: center;
}
.comment__user__username {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

View File

@ -2,7 +2,7 @@
<div class="comment__user">
<img src="{{this.User.Avatar}}" class="pfp" width="24" height="24" loading="lazy">
<!--<a href="/user/{{this.User.Username}}">-->
<p><b>{{this.User.Username}}</b></p>
<p class="comment__user__username"><b>{{this.User.Username}}</b></p>
<!--</a>-->
</div>
<div>