diff --git a/webapp/components/Comment/Comment.vue b/webapp/components/Comment/Comment.vue
index 534c45e6b..ab3230e97 100644
--- a/webapp/components/Comment/Comment.vue
+++ b/webapp/components/Comment/Comment.vue
@@ -10,7 +10,7 @@
-
+
@@ -116,6 +116,9 @@ export default {
user: 'auth/user',
isModerator: 'auth/isModerator',
}),
+ isTarget() {
+ return this.$route.hash === `#${this.anchor}`
+ },
anchor() {
return `commentId-${this.comment.id}`
},
@@ -204,4 +207,17 @@ span.show-more-or-less {
margin: 0px 20px;
cursor: pointer;
}
+
+@keyframes highlight {
+ 0% {
+ border: 1px solid $color-primary;
+ }
+ 100% {
+ border: 1px solid transparent;
+ }
+}
+
+.comment--target {
+ animation: highlight 4s ease;
+}