diff --git a/client/src/app/videos/+video-watch/comment/video-comment.component.html b/client/src/app/videos/+video-watch/comment/video-comment.component.html index 617d0fa41..002de57e4 100644 --- a/client/src/app/videos/+video-watch/comment/video-comment.component.html +++ b/client/src/app/videos/+video-watch/comment/video-comment.component.html @@ -20,10 +20,16 @@ <div *ngIf="highlightedComment === true" class="highlighted-comment" i18n>Highlighted comment</div> <div class="comment-account-date"> - <a [href]="comment.account.url" target="_blank" rel="noopener noreferrer" class="comment-account"> - <span class="comment-account-name" [ngClass]="{ 'video-author': video.account.id === comment.account.id }">{{ comment.account.displayName }}</span> - <span class="comment-account-fid ml-1">{{ comment.by }}</span> - </a> + <div class="comment-account"> + <a + [routerLink]="[ '/accounts', comment.by ]" + class="comment-account-name" [ngClass]="{ 'video-author': video.account.id === comment.account.id }" + > + {{ comment.account.displayName }} + </a> + + <a [href]="comment.account.url" target="_blank" rel="noopener noreferrer" class="comment-account-fid ml-1">{{ comment.by }}</a> + </div> <a [routerLink]="['/videos/watch', video.uuid, { 'threadId': comment.threadId }]" class="comment-date" [title]="comment.createdAt">{{ comment.createdAt | myFromNow }}</a> </div> diff --git a/client/src/app/videos/+video-watch/comment/video-comment.component.scss b/client/src/app/videos/+video-watch/comment/video-comment.component.scss index 5df5e3ecf..7c4656931 100644 --- a/client/src/app/videos/+video-watch/comment/video-comment.component.scss +++ b/client/src/app/videos/+video-watch/comment/video-comment.component.scss @@ -63,13 +63,16 @@ } .comment-account { - @include disable-default-a-behaviour; - word-break: break-all; - color: var(--mainForegroundColor); font-weight: 600; font-size: 90%; + a { + @include disable-default-a-behaviour; + + color: var(--mainForegroundColor); + } + .comment-account-fid { opacity: .6; }