interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

comment name emphasis for video author

This commit is contained in:
Rigel Kent 2019-12-18 00:17:23 +01:00
parent c8277d7139
commit ae05c99125
No known key found for this signature in database
GPG Key ID: 5E53E96A494E452F
2 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/app/videos/+video-watch/comment/video-comment.component.html
View File

@ -19,7 +19,10 @@
<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">{{ comment.by }}</a>
<a [href]="comment.account.url" target="_blank" rel="noopener noreferrer"
class="comment-account"
[ngClass]="{ 'video-author': video.account.id === comment.account.id }"
>{{ comment.by }}</a>
<a [routerLink]="['/videos/watch', video.uuid, { 'threadId': comment.threadId }]"
class="comment-date">{{ comment.createdAt | myFromNow }}</a>
</div>

22
client/src/app/videos/+video-watch/comment/video-comment.component.scss
View File

@ -25,8 +25,6 @@
.comment-avatar {
@include avatar(36px);
margin-top: 5px;
}
.comment {
@ -49,17 +47,35 @@
display: flex;
margin-bottom: 4px;
.video-author {
height: 20px;
background-color: #888888;
border-radius: 12px;
margin-bottom: 2px;
max-width: 100%;
box-sizing: border-box;
flex-direction: row;
align-items: center;
display: inline-flex;
padding-right: 6px;
padding-left: 6px;
color: white !important;
}
.comment-account {
@include disable-default-a-behaviour;
word-break: break-all;
color: var(--mainForegroundColor);
font-weight: $font-bold;
font-size: 90%;
}
.comment-date {
font-size: 90%;
color: $grey-foreground-color;
margin-left: 10px;
margin-left: 5px;
text-decoration: none;
}
}