diff options
Diffstat (limited to 'client')
-rw-r--r-- | client/src/app/+videos/+video-watch/comment/video-comment.component.html | 20 | ||||
-rw-r--r-- | client/src/app/+videos/+video-watch/comment/video-comment.component.scss | 8 |
2 files changed, 19 insertions, 9 deletions
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 c4b2cd117..8847753a5 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 | |||
@@ -21,18 +21,20 @@ | |||
21 | 21 | ||
22 | <div class="comment-account-date"> | 22 | <div class="comment-account-date"> |
23 | <div class="comment-account"> | 23 | <div class="comment-account"> |
24 | <a | 24 | <a [routerLink]="[ '/accounts', comment.by ]"> |
25 | [routerLink]="[ '/accounts', comment.by ]" | 25 | <span class="comment-account-name" [ngClass]="{ 'video-author': video.account.id === comment.account.id }"> |
26 | class="comment-account-name" [ngClass]="{ 'video-author': video.account.id === comment.account.id }" | 26 | {{ comment.account.displayName }} |
27 | > | 27 | </span> |
28 | {{ comment.account.displayName }} | ||
29 | </a> | ||
30 | 28 | ||
31 | <a [href]="comment.account.url" target="_blank" rel="noopener noreferrer" class="comment-account-fid ml-1">{{ comment.by }}</a> | 29 | <span class="comment-account-fid ml-1">{{ comment.by }}</span> |
30 | </a> | ||
32 | </div> | 31 | </div> |
33 | <a [routerLink]="['/videos/watch', video.uuid, { 'threadId': comment.threadId }]" | 32 | |
34 | class="comment-date" [title]="comment.createdAt">{{ comment.createdAt | myFromNow }}</a> | 33 | <a [routerLink]="['/videos/watch', video.uuid, { 'threadId': comment.threadId }]" class="comment-date" [title]="comment.createdAt"> |
34 | {{ comment.createdAt | myFromNow }} | ||
35 | </a> | ||
35 | </div> | 36 | </div> |
37 | |||
36 | <div | 38 | <div |
37 | class="comment-html" | 39 | class="comment-html" |
38 | [innerHTML]="sanitizedCommentHTML" | 40 | [innerHTML]="sanitizedCommentHTML" |
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 61fd24c70..f6ff376b9 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 | |||
@@ -71,6 +71,10 @@ | |||
71 | @include disable-default-a-behaviour; | 71 | @include disable-default-a-behaviour; |
72 | 72 | ||
73 | color: pvar(--mainForegroundColor); | 73 | color: pvar(--mainForegroundColor); |
74 | |||
75 | &:hover { | ||
76 | text-decoration: underline; | ||
77 | } | ||
74 | } | 78 | } |
75 | 79 | ||
76 | .comment-account-fid { | 80 | .comment-account-fid { |
@@ -83,6 +87,10 @@ | |||
83 | color: pvar(--greyForegroundColor); | 87 | color: pvar(--greyForegroundColor); |
84 | margin-left: 5px; | 88 | margin-left: 5px; |
85 | text-decoration: none; | 89 | text-decoration: none; |
90 | |||
91 | &:hover { | ||
92 | text-decoration: underline; | ||
93 | } | ||
86 | } | 94 | } |
87 | } | 95 | } |
88 | 96 | ||