diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.css b/src/renderer/components/watch-video-comments/watch-video-comments.css index bf6f637f5..2d5a8f0a9 100644 --- a/src/renderer/components/watch-video-comments/watch-video-comments.css +++ b/src/renderer/components/watch-video-comments/watch-video-comments.css @@ -46,6 +46,11 @@ text-overflow: ellipsis; } +.commentOwner { + background-color: var(--scrollbar-color); + border-radius: 10px; + padding: 0 10px; +} .commentAuthor { cursor: pointer; @@ -58,6 +63,14 @@ margin-left: 70px; word-wrap: break-word; } +.commentPinned { + font-weight: normal; + font-size: 12px; + margin-block-end: 0; + margin-block-start: 0; + margin-left: 68px; + margin-bottom: 5px; +} .commentDate { font-weight: normal; diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.js b/src/renderer/components/watch-video-comments/watch-video-comments.js index b1d85968b..49101feb5 100644 --- a/src/renderer/components/watch-video-comments/watch-video-comments.js +++ b/src/renderer/components/watch-video-comments/watch-video-comments.js @@ -20,6 +20,10 @@ export default Vue.extend({ type: String, required: true }, + channelName: { + type: String, + required: true + }, channelThumbnail: { type: String, required: true @@ -298,6 +302,7 @@ export default Vue.extend({ } comment.text = autolinker.link(comment.content.replace(/(<(?!br>)([^>]+)>)/ig, '')) comment.dataType = 'invidious' + comment.isOwner = comment.authorIsChannelOwner if (typeof (comment.replies) !== 'undefined' && typeof (comment.replies.replyCount) !== 'undefined') { comment.numReplies = comment.replies.replyCount diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.vue b/src/renderer/components/watch-video-comments/watch-video-comments.vue index 358e2c9db..5a05e76fc 100644 --- a/src/renderer/components/watch-video-comments/watch-video-comments.vue +++ b/src/renderer/components/watch-video-comments/watch-video-comments.vue @@ -47,11 +47,23 @@ class="commentThumbnail" @click="goToChannel(comment.authorLink)" > +
+
{{ comment.author }} @@ -97,6 +109,8 @@ {{ comment.numReplies }} {{ $t("Comments.Reply").toLowerCase() }} {{ $t("Comments.Replies").toLowerCase() }} + {{ $t("Comments.From $channelName").replace("$channelName", channelName) }} + {{ $t("Comments.And others") }}
{{ upcomingTimestamp }} @@ -110,6 +110,7 @@ class="watchVideo" :class="{ theatreWatchVideo: useTheatreMode }" :channel-thumbnail="channelThumbnail" + :channel-name="channelName" @timestamp-event="changeTimestamp" />